Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1066017

    Hi there,

    I tried custom css in the Enfold Child theme to get equal width avia buttons (avia-button). I’ve tried different code in the quick css and in the theme.css (editor) but nothing seems to have effect. I’ve read https://kriesi.at/documentation/enfold/button/ but also that code doesn’t work at maikegerritsen.nl/home. Any tips?

    Kind regards,
    Chris

    #1066028

    Hey Chris,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.home .avia-slideshow-button {
        min-width: 180px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1066102

    Hi Nikko,

    Thank you for your quick answer :)
    This tip works for the browsers Edge and Safari, but it doesn’t for Chrome.
    Seems like all the things I try in custom .css or in Quick css are ignored by Chrome?

    Any ideas?

    Kind regards,
    Chris

    • This reply was modified 6 years, 4 months ago by Alderliefste.
    #1066202

    Hi Chris,

    I’m using Chrome and it worked well.
    I think the issue is browser caching, try clearing the browser cache or ctrl + f5 when refreshing to fetch the newer css instead of the one in the chrome’s cache.

    Best regards,
    Nikko

    #1066944
    This reply has been marked as private.
    #1067334

    Hi Chris,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1067410

    Hi Rikard,

    Yes, thank you, you can close it.
    Is it correct I can’t close it or is that the ‘unsubscribe’ function?

    Best regards,
    Chris

    #1067548

    Hi,

    Admin’s close out the thread. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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