Accordion Styling

Illdy
1

I am trying to change the color of the section heading text and background on an accordion. What do I need to do to accomplish this. So far I’ve only managed to change the background color for the entire accordion block.

2

Hello there,

I hope you are doing well today.

You would need to add some new CSS to change the colors. Could you please provide a link to your website and an image of the accordion so that I can inspect the accordion?

Best Regards,
Support

3

You can take a look at https://staging.ehospitalhire.com/clients/
It’s pretty much the only thing on the page right now.

4

hey there

Please add this CSS in appearance - customize - additional CSS

.markup-format a {
color: #dc6d9f;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
background-color: #ff7a7a;
}

Thanks!
Colorlib Support Team

5

Thank you! That worked great.

6

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support