Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 26, 2019 at 1:02 pm #1142250
    aicompcloud

    I want to set two buttons in a button row. The first one on transparent light, the second on solid (see link in private content). The transparent light one has a border, the solid one not. Is there a chance to let them look the same size?

    September 26, 2019 at 4:30 pm #1142357
    Jordan Shannon

    Hey aicompcloud,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    September 27, 2019 at 7:56 am #1142589
    aicompcloud

    there it is

    September 27, 2019 at 10:55 am #1142665
    Victoria

    Hi aicompcloud,

    The page just reloads after I enter the password and does not let me see the page. The buttons have different height because the border around one of them adds additional pixels it’s height.

    Best regards,
    Victoria

    September 27, 2019 at 11:03 am #1142674
    aicompcloud

    strange, on my side it works. Anyway…yeah I know it’s because of the border. But is there a way to bring them visually on the same height. I couldn’t find a way just to adress one of these two buttons via css.

    Best regards,
    Patric

    September 27, 2019 at 12:44 pm #1142734
    Victoria

    Hi aicompcloud,

    Yes, of course, it is possible, but we need to see the page.

    Best regards,
    Victoria

    September 27, 2019 at 12:57 pm #1142741
    aicompcloud

    With Firefox it works…I just have to paste the password twice because of a security blocking. Would you try again please? If it’s not working I will take the password out. But that page is currently a draft, so I don’t want to keep it online too long.

    September 27, 2019 at 6:44 pm #1142881
    Victoria

    Hi aicompcloud,

    Good find! Chrome was not showing the cookie notice and FF did and the password worked.

    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

    
.avia-buttonrow-left .avia-button:last-child {
  height: 50.3px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 30, 2019 at 8:44 am #1143241
    aicompcloud

    works great. Thank you

    September 30, 2019 at 11:41 am #1143313
    Victoria

    Hi aicompcloud,

    Glad we could help :)

    If you need further assistance please let us know in another thread as we are closing this one.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Buttons same size in button row’ is closed to new replies.