Jump to content
Sign in to follow this  
webmktco

Best method for customizing buttons

Recommended Posts

webmktco+    21
webmktco

Delete

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Prodentite - do you have a link to your site please? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


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

You can use either, there's a guide to making custom buttons at http://support.pagelines.me/docs/customization/create-custom-buttons/ which uses LESS.


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
webmktco+    21
webmktco

Delete

Share this post


Link to post
Share on other sites
webmktco+    21
webmktco

OK, so I'm trying to customize the buttons via LESS.  Editing the colors is pretty simple.  How would I make all the buttons in the sidebar the same width?

Share this post


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

Hi Chris 

 

Yes its me, same James as in live chat :-)

 

You can add a width to the LESS code for your custom button, for example for the linkedin button example on that page, you'd just add the width code like below.

 

    .btn-linkedin {
    color: @white;
    width:500px;
    .buttonBackground(lighten(#007bb6, 10%),#007bb6);
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    &:hover {
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    color: @white;
    }
    &:active {
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }
    }


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  

×