Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 31, 2019 at 5:21 pm #1152794
    indigoflow

    Hi,

    Is there anyway that i can add a button row element to a page and add 4 buttons in a row but the buttons are all the same size? If i add the element and select XL for all button sizes when viewing in responsive mode all the buttons are all different sizes according to text contained with them. What would i would like to achieve is to have all the buttons the same size regardless of text but being able to adjust the sizes.

    Is there anyway you could help me with this please.

    Many thanks.

    October 31, 2019 at 9:28 pm #1152861
    Victoria

    Hey indigoflow,

    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 .av-subnav-menu > li.av-menu-button .avia-menu-text {
    display: inline-block;
    min-width: 150px;
}
#top .avia-button {
    min-width: 250px;
}

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

    December 15, 2020 at 5:53 pm #1267529
    jofarhat

    Hey i am trying to create a custom css class that creates equal button sizes for button rows…

    I tried:
    .equal-button-class.avia-buttonrow-wrap {
    min-width: 240px;
    }

    but it doesn’t seem to be working

    December 16, 2020 at 12:16 pm #1267756
    Rikard

    Hi jofarhat,

    Your buttons look to be the same width on my end already, did you manage to find a solution?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.