Tagged: Accordion
I have instituted an accordion, but I have two color issues:
1. The text color on the hover is not changing to the color specified (white).
Image 1
Image 2
2. After opening and then closing the accordion, the hover background is temporarily gray and the font color is still wrong.
Image 3
Thanks for your help in advance.
Hey advteksol,
Thank you for the inquiry.
1.) The following css modification overrides the toggler color settings, which is why the toggler text doesn’t switch to white on hover. Please locate the css and remove it.
.toggler {
color: #719430!important;
}
2.) It is actually faded out on hover, which is the default style of the toggler on hover. If you want to adjust it, you can use this css code.
.main_color .toggler:hover {
background: #56751b !important;
opacity: 1;
}
Best regards,
Ismael
OK thank, that helps.
Is there a way to put the + and – that is on the default accordion style on this minimal style?
Hi,
OK thank, that helps.
Yes, that should be possible. Try to use this css code to revert the toggle icon back to default.
.av-minimal-toggle .toggle_icon {
border-style: solid;
border-width: 1px;
margin-top: -8px;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
Thanks for the help!