Changing the colors of an Accordion Menu

Hello,

Can you specify to what color you need changing the accordion titles?

@cristianbarbu – hello, I posted an image in my original post above, you may need to wait a moment for it to load, but there is an active and hover color (default is light blue) built into the accordion menu. I need to change that. In case the image from my previous post is not loading, here it is again. I need it to be the color: #063236. Thank you.

https://i.ibb.co/9qVXQhs/Screenshot-2023-07-18-at-12-48-48-PM.png

• This reply was modified 1 year, 3 months ago by justin660.

Hello,

Please add this extra CSS code in Customizer -> General Settings -> Additional CSS ?:

a.h-accordion-item-title {
color:#063236!important;
}
a.h-accordion-item-title:active{
color:#063236!important;
}

@cristianbarbu – Thank you but that did not work. You can see the custom CSS in my source code but the color is still blue.

Screenshot here:

https://i.ibb.co/jwrBzsN/Screenshot-2023-07-21-at-3-15-59-AM.png

Page here:

https://iconicwellness.org/index.php/iconic-sleep/

Please advise.

Thank you.

@cristianbarbu – I used this CSS and it worked worked:

.h-accordion-item-title.h-custom-active-state {
border-left-color: #063236!important;
}

.h-accordion-item-title:hover {
border-left-color: #036D91!important;
}

thank you.