Accordion Hover-effect
Jürgen J. Fischer
Hi, I have accordions on my website with custom design. Can I add css for hover-effect, so that title and background-color of the complete accordion changes color? Thank You
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out to us.
Where do you have that accordion, please? DO you want custom CSS for any accordion in general or for a particular one? If it's for a particular one, then you need to use that addon's unique ID. Hence I need to know where do you have that?
Just to be clear, do you want to change hover effect for the whole accordion addon or for single item/tab?
Moreover, you may check this out: https://www.joomshaper.com/forum/question/28406
Best regards,
Jürgen J. Fischer
Accepted AnswerHi
You can see the accordion here: https://hotel-gutsgasthof-stangl.de/feierlichkeiten
user: spp password: spp-2025#JjF
Wissenswertes für Ihre Feier
A want a hover-effect for the whole accordion, means background changes color and title changes color
Thanx
Jürgen J. Fischer
Accepted AnswerSorry, I have posted Passwort, this is not good Please see hidden content
Rashida Rahman
Accepted AnswerHi,
Please use the following code in your custom CSS:
.sppb-addon-accordion .sppb-panel.sppb-panel-custom:hover{background:red;}
.sppb-addon-accordion .sppb-panel-custom .sppb-panel-heading .sppb-panel-title:hover{color:white;}Here is all about the custom code placement in Helix Ultimate Framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best regards,