Jump to content
Sign in to follow this  
Nubee

Nubie: Masthead,buttons,css?

Recommended Posts

Nubee    0
Nubee

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
James B    436
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  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]

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Nubee    0
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. 

Share this post


Link to post
Share on other sites
Rob    547
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.

 

<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/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Nubee    0
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.

Share this post


Link to post
Share on other sites
Rob    547
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):

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

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×