Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2021 at 1:06 am #1279632
    aussiedropbear

    Hi,

    I am in the process of finishing off a client site and am using ‘button row’ for a group of six coloured buttons that sit just below the layerslider on the home page.

    The buttons automatically adjust to the sizing to the text but is it possible to have the buttons size to the largest button in the row group thereby making all the buttons consistently the same size? this will also make them look more consistent on mobile.

    Hope you like the site.. its starting to look real good imo. Love Enfold.

    i have some other things needing assistance on but will create separate entry once I have this sorted.

    Thanks
    John

    February 12, 2021 at 2:44 pm #1280048
    Victoria

    Hey John,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.home #av_section_1 .avia-button.avia-size-x-large {
    min-width: 463px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 13, 2021 at 10:09 pm #1280327
    aussiedropbear

    Thanks Victoria.

    That did the trick. Please close thread.

    Cheers
    John

    February 14, 2021 at 4:11 am #1280353
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Button row sizing’ is closed to new replies.