Accordion CSS

[karifi]

Can someone point me to how to change accordion states colors? I want to change the hover, open and closed state colors

[sharmstr]

You can add a class name to the accordion. In your css you can control the colors. Let say your class name is my-custom-accordion.

COPY CODE

.my-custom-accordion .panel-title {
background-color: red;
}

.my-custom-accordion .panel-title:hover{
background-color: blue;
}

What I dont know is how to change it based on open or collapsed state since those classes are added to the body of the section and not the title.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Abe]

Thanks @sharmstr

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts