Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 7, 2014 at 9:31 am #314695
    Holger Zscheyge

    Hi, is it possible to have a fixed width button with the avia builder? Here’s what I want to achieve – I have several buttons in a column, with texts of various lengths. Normally, the width of the button will adopt to the length of the button text, making the various buttons different in size. I need all buttons the same width.

    Best,
    Holger

    September 8, 2014 at 1:50 pm #315037
    Yigit

    Hey Holger!

    Please firstly turn on Custom CSS field for ALB elements ( please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give your buttons a custom CSS class ( i.e.: custom-button-width ) and then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .custom-button-width {
min-width: 120px!important;
}

    Cheers!
    Yigit

    September 8, 2014 at 6:40 pm #315274
    Holger Zscheyge

    Hi Yigit,

    thanks, but it doesn’t seem to work. Here’s a test page: http://infotropic.ru/?page_id=4512. The first three buttons are in a text block, the last two are separate buttons inserted as elements from ALB. Neither of them has a fixed width. Added the custom class and the CSS code to Quick CSS. Tried it with different class names (in case of some weird naming conflict, but no, always the same result.

    Best regards,
    Holger

    September 9, 2014 at 4:45 am #315574
    Ismael

    Hey!

    Please set all button sizes to Medium then add this on Quick CSS or custom.css:

    .avia-button.avia-size-medium {
padding: 12px 16px 10px;
font-size: 13px;
min-width: 150px;
width: 150px;
max-width: 150px;
}

    Regards,
    Ismael

    September 9, 2014 at 5:52 am #315621
    Holger Zscheyge

    Ismael, works perfect, thanks a lot!

    Best regards,
    Holger

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fixed button width’ is closed to new replies.