Varying Accordion Colours

Hi @troyw2015

I hope you are doing well. We’ll try to bring this feature if it’s convenient for us. I’ll discuss this with our team and if possible we’ll try to add this feature as well.

Here I am sharing a custom CSS for you to make each tab different colour.
You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

.eb-accordion-qln1495.eb-accordion-container .eb-accordion-wrapper:nth-child(1) .eb-accordion-title-wrapper {
    background-image: unset;
    background-color: #ffffff !important;
}

.eb-accordion-qln1495.eb-accordion-container .eb-accordion-wrapper:nth-child(2) .eb-accordion-title-wrapper {
    background-image: unset;
    background-color: #FF0000 !important;
}

.eb-accordion-qln1495.eb-accordion-container .eb-accordion-wrapper:nth-child(3) .eb-accordion-title-wrapper {
    background-image: unset;
    background-color: #FFFF00 !important;
}

Note that please change .eb-accordion-qln1495 with your accordion ID name. and change your background colour from your end.

Let me know how it goes now.
Thank You

Thank you so much, that worked like a treat. :))

Hi @troyw2015

I am glad I was able to help; please feel free to contact our support anytime you need help; we are always here to help. If you don’t mind me asking, could you do me a favor and spend 30-sec to review us following this link? This will help us to serve better. Thank you in advance! Link to review: https://www.ads-software.com/support/plugin/accordion-toggle/reviews/#new-post

Have a nice day!