12 replies to this topic

[Nubee]

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

 

Example: 

Please Login or Register to see this Hidden Content

 

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.

[James B]

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 

Please Login or Register to see this Hidden Content

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

 

Please Login or Register to see this Hidden Content

[Nubee]

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. 

[Nubee]

The button is at the bottom. I want it on the left box.

Please Login or Register to see this Hidden Content

[Rob]

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.

 

Please Login or Register to see this Hidden Content

You'd then do things like:

Please Login or Register to see this Hidden Content

Of course this is only an example and not intended to be specific for your site.  Find out more about CSS at

Please Login or Register to see this Hidden Content

[Nubee]

Thanks Rob! It worked perfectly! 

 

Now how do I center the text in the button?

 

Please Login or Register to see this Hidden Content

[Rob]

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

[Nubee]

Here is how it appears on my page: 

Please Login or Register to see this Hidden Content

[catrina]

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

[Nubee]

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

 

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

[catrina]

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

[Nubee]

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

Please Login or Register to see this Hidden Content

 

[Rob]

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):

Please Login or Register to see this Hidden Content