Jump to content


Photo
- - - - -

Best method for customizing buttons


  • Please log in to reply
5 replies to this topic

#1 webmktco

webmktco

    Super Member

  • Members

  • 183 posts
  • Country: Country Flag

Posted 01 July 2013 - 04:29 AM

Delete



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 01 July 2013 - 09:25 PM

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



#3 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 July 2013 - 09:35 PM

You can use either, there's a guide to making custom buttons at

Please Login or Register to see this Hidden Content

which uses LESS.



#4 webmktco

webmktco

    Super Member

  • Members

  • 183 posts
  • Country: Country Flag

Posted 02 July 2013 - 03:12 PM

Delete



#5 webmktco

webmktco

    Super Member

  • Members

  • 183 posts
  • Country: Country Flag

Posted 02 July 2013 - 07:48 PM

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?



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 02 July 2013 - 10:36 PM

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);
    }
    }