-
Posts
-
I would like to change the colors of the Accordion slider’s title boxes when they are opened and closed (background and text). I’ve tried poking around the source files and can’t seem to find the area I need to modify. Is there some shortcode I can use to do this?
TIA!
Hi,
You can use this on your custom.css or Quick CSS:
This is for the active accordion title box:
.toggler.activeTitle {
background: blue;
color: red;
}And this is for the inactive boxes.
.main_color .toggler {
background: green;
color: blue;
}Regards,
Ismael
Ok cool, so that seems to help some but now the rollover color washes out the text in the titles. Could you please give me all the short code variables for this element that way I can work it out myself?
thanks!
Josh
Alright I resolved some of the issues myself searching around and trying things, the last thing I need to resolve with the toggles is the color of the little “plus sign” button (active, inactive, and hover states) and the toggle’s borders (all 3 states as well). I want the plus sign button to be white and the borders to remain color #404852.
thanks for all the help so far!
josh
Hey,
You can use this for the + and – sign:
.toggle_icon, .toggle_icon .hor_icon {
border-color: white !important;
}
.toggle_icon .vert_icon {
border-color: white !important;
}And this one to change the border:
.toggler.activeTitle {
background: blue;
color: red;
border-color: red !important;
}
.main_color .toggler {
background: green;
color: blue;
border-color: blue !important;
}
.main_color .toggler:hover {
border-color: red !important;
}Sorry for the color mess, just change them. :)
Regards,
Ismael
- The topic ‘Can I customize the Enfold Accordion slider?’ is closed to new replies.