Jump to content
Sign in to follow this  
Sourena

Creating block level buttons

Recommended Posts

Sourena    2
Sourena

I am trying to create block level buttons—those that span the full width of a parent— by adding Twittter's Bootstrap .btn-block. But it seems Pagelines does not support that. Can I create block level buttons using styles PageLines already uses?


alefba.us

Web Development & Design for Right-to-Left languages

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Sourena

 

The btn block class does go into the framework, but the styling is out. Add the following css

 

.btn-block {width:100%;}

 

That gave me this result, full width of the content pad - http://screencast.com/t/xjyViqaPBr


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
Sourena    2
Sourena

Thanks.


alefba.us

Web Development & Design for Right-to-Left languages

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome


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

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  

  • Similar Content

    • hibbsy78
      By hibbsy78+
      Element buttons still need some work to look good on mobile view. They both need to align correctly and with a gap.
      http://www.viewfromadaddy.co.uk/
       

    • hibbsy78
      By hibbsy78+
      I think it would be good to make the element section buttons a little neater on mobile. 
      A gap between the two Both buttons centred correctly https://www.hibbslupustrust.org/donate/
       

    • knasen81
      By knasen81
      Hi! I want to link a button in the musthead så that when clicked it send the visitor to a lower position/place in the same page. It is clear how you can type a link in a button så that the person sends to another page, but how do you send them to a lower place in the same page?
       
       
    • yemoonyah
      By yemoonyah+
      Hi,
       
      I have ProPricing installed and I know I can enter a button link.
       
      However, I also have s2Member installed which creates Paypal subscription buttons for me which have a lot of information about subscriber levels, etc. that need to be communicated to Paypal.
       
      I want to combine the two and basically have the S2Member buttons take the place of the ProPricing buttons inside the ProPricing section BUT with the look of the ProPricing buttons.
       
      Or, in other words, have the ProPricing buttons communicate all the S2 member button information to Paypal.
       
      I have no clue how to do this!
       
      Any ideas?
       
       
      Thanks
    • jennajonesdesign
      By jennajonesdesign+
      Hi Guys!
       
      I made this site for a client: http://www.rondakiesser.com/
       
      She loves it on a desktop, but mobile isn't looking great. I need to figure out how to do a few things. 
       
      1.) Scale the background image for mobile. I would like the whole photo to display on mobile. 
      2.) Hide buttons for mobile view
      3.) Scale logo for mobile
       
      Here is the inspiration site we were looking at: http://mrslusko.com/
       
      Even if I could just get the background image to scale like the link above we would be happy. Thanks!
       
      Jenna
×