Color of individual accordian headings

[dsmillie]

Hi,

I’m trying to have different colors for different items in the same accordian. I’m talking about the background color of the box that you toggle to display the content beneath.

Could you let me know how to target this?

Many thanks,
Darren

[dsmillie]

Sorry, I meant to make it clear I’m using the new Accordian element, not the Classic one.

[jumar]

Hello @dsmillie,

Thanks for writing in!

You can achieve this by adding CSS code per accordion item using Element CSS. Please check this video screencast to guide you.

Hope this helps.

[dsmillie]

Hi @jumar,

I have got it all working now based on your code - thanks very much for your help!