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
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
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
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
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
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
Hi,
Admin’s close out the thread. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon