Color of individual accordian headings

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

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

Hello @dsmillie,

Thanks for writing in! :slight_smile:

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.

Hi @jumar,

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

1 Like