-
Posts
-
I want to change fullwith easy slider button color.
I have enabled Avia Layout Builder Debug mode and have the code displayed under the page: http://imgur.com/a/fesjY
But my question is where can I insert a custom color code, since in the Caption>Edit Form Element there I cannot choose the color code: http://imgur.com/a/JLe7B
And I cannot find a place where can I insert it in the debug code under the page.
Thanks!
Hey pimroll,
Thank you for using Enfold.
Where did you add the full width slider? In the slider’s Captions panel, you can modify the color of the buttons. Look for the “Button 1 Color” and the “Button 2 Color” if you enable the second button.
Best regards,
IsmaelHello Ismael,
The page where I added the buttons is in private.
Yes you can choose the colour from there but is it possible to add a custom color code to the buttons?
Thanks!
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your slider and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General styling tab
.your-custom-class .avia-slideshow-button:nth-child(3) { background: orange; } .your-custom-class .avia-slideshow-button:nth-child(4) { background: red; }Best regards,
YigitHello Yigit,
I inserted the code:
.your-custom-class .avia-slideshow-button:nth-child(3) {
background: orange;
}
.your-custom-class .avia-slideshow-button:nth-child(4) {
background: red;
}Into the general styling and I already had custom css field enabled. And then I inserted the line:
avia-slideshow-button:nth-child(3)
into the Custom Css Class in the slider but it does not change the color. Am I doing something wrong?
Thanks.
- You must be logged in to reply to this topic.