Navigation
Archive / Make Buttons the same size
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 27, 2016 at 8:20 pm #903285
    DesignMunky
    Participant

    Hi guys,

    I have a series of buttons on a page that I am trying to show at a consistent size.

    http://design-munky.com/slingshot/index.php/what-we-do/

    Is there a way I can show these buttons so they all have the same size, regardless of the text in the button?

    Cheers,
    Darren.

    April 28, 2016 at 7:55 am #904017
    Rad
    Moderator

    Hi Darren,

    Thanks for writing in.

    That could be tricky since button uses global element. And each button has different texts which define its height. What you could do is add this style

    padding: 20px 0px;

    On each button’s style input/option. Then just change 20px on each button until they get the same height.

    Thanks!

    April 28, 2016 at 7:16 pm #904949
    DesignMunky
    Participant

    Hi Rad,

    Thanks for the idea, but that then means the buttons won’t look good when seen at smaller screen sizes. I’ve stacked the buttons vertically now – hopefully the client will like this look.

    Cheers,
    Darren.

    April 29, 2016 at 9:04 am #905705
    Joao
    Moderator

    Hi Darren,

    It looks indeed much better like this.

    Let us know if you need further help,

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-903285 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>