Tagged: button color, Fullwidth Easy Slider, on click
Hello! First of all, thanks for the awesome theme you created! I am very capable of custom css editing with your theme and managed quite some complex solutions, but now I need help from you…
The problem is regarding the Buttons of the Fullwidth Easy Slider.
There seems to be 3 background color types that can be adjusted. The normal one (always visible) the hover one and when the button is being clicked.
I managed to change the normal one and the hover background color with this code i found on this forum:
.avia-slideshow-button {
background-color: rgba(0,255,0,1) !important;
}
.avia-slideshow-button:hover {
background-color: rgba(0,255,0,1) !important;
}
But how can i change the background color of the button when it is being clicked? It goes to a very dark grey and this doesn’t fit the design. Also how can i change the font color of the button, when it is being clicked?
Thank you very much for your help!
Kind regards,
David
Also the border-radius seems to change when the button(s) is/are being clicked from being slightly rounded to a completely sharp edge (no border-radius). The design needs to be consistend, so i would need this to be also fixed. Can somebody help me? Thank you very much!
Hi,
Thanks for your patience, please try this css:
.avia-slideshow-button .avia_loading_icon {
background: transparent;
}
.avia-slideshow-button .av-siteloader {
display: none;
}
After applying the css, please clear your browser cache and check.
I don’t see any change in the border-radius on my install, the default is zero border-radius, did you apply custom css for your other buttons to have border-radius? Please link to your test page so we can see.
Best regards,
Mike
Hi,
thank you very much – works like a charm!
Best regards,
David
Hi David,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko