Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #314695

    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.



    Hey Holger!

    Please firstly turn on Custom CSS field for ALB elements ( please see – ) 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;



    Hi Yigit,

    thanks, but it doesn’t seem to work. Here’s a test page: 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,



    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;



    Ismael, works perfect, thanks a lot!

    Best regards,

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