Archived

This topic is now archived and is closed to further replies.

  • 0

Nubie: Masthead,buttons,css?

Question

Posted · Report post

I want to place Masthead buttons text and buttons on side of image. How do I do this? 

 

Example: http://www.getresponse.com 

 

Also, How do I create similar buttons (to masthead's) add place them on boxes and banners?

 

 

Note: I'm new to css

 

 

Thank you in advance.

Share this post


Link to post
Share on other sites

12 answers to this question

Posted · Report post

Thank you James. But how do I move it to where I ant it? Also, the text is not centered in the button. Its closer to the bottom of the button. 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

I think we may have mistaken your question earlier.  Yes, that is out of alignment.  Did you wrap the shortcode in the box in a div with a unique class?

 

You'll want to do something like <div class="mycustombutton1">[shortcode...]</div>. Then, in Dashboard > PageLines > Site Options > Custom Code you'd craft some CSS like this (only for demo purposes):

.mycustombutton1 {text-align: center;
padding-bottom:5px;
padding-top:5px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

When visiting the link, all I see is a 404 error.  I'm guessing you've not set up your static homepage correctly.

 

I've looked throughout the rest of the site and can find no added buttons.

 

At any rate, if you wrap the code provided by James in a unique div, you can then style it accordingly.

 

<div class="mybutton1">[pl_button type="success" size="large" link="http://google.com" target="blank"]
Success
[/pl_button]</div>

You'd then do things like:

.mybutton1 {float:right;
position: relative;
margin-right:20px;}

Of course this is only an example and not intended to be specific for your site.  Find out more about CSS at http://www.w3schools.com/css/

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there

 

Using the Pl shortcodes you can place buttons in any area of the site which will take html.

 

To view the different button shortcodes and colors visit  http://demo.pagelines.me/tools/ and scroll down. There's examples of the shortcode you can copy paste into the required area on your page.

 

Any example of the large button shortcode will be

 

    [pl_button type="success" size="large" link="http://google.com" target="blank"]
    Success
    [/pl_button]

Share this post


Link to post
Share on other sites

Posted · Report post

It looks centered to me.  What are you seeing? A screenshot would help.

Share this post


Link to post
Share on other sites

Posted · Report post

For me, the text is already centered (in Firefox for Mac). What browser are you using to view this site?

Share this post


Link to post
Share on other sites

Posted · Report post

Ive check in both Firefox and Chrome. I even checked on another computer.

 

The text is too close to the bottom of the button.

Share this post


Link to post
Share on other sites

Posted · Report post

I'm not seeing this on my machine. Can you please take a screenshot and post it here?

Share this post


Link to post
Share on other sites