[patsorulesParticipant]

Hi together,

I want to change the accordion color on this site.

http://sonja.patsorules.com/konzept/

I tried it with some codes and this works. But just for one color over all.

I want the three accordion items in three different colors. Is this possible?

Greets

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-accordion-group:nth-child(1) .x-accordion-heading .x-accordion-toggle.collapsed {
    color: #fff !important;
    background-color: #cdbebe;
}

.x-accordion-group:nth-child(2) .x-accordion-heading .x-accordion-toggle.collapsed {
    color: #fff !important;
    background-color: #775454;
}

.x-accordion-group:nth-child(3) .x-accordion-heading .x-accordion-toggle.collapsed {
    color: #fff !important;
    background-color: #561919;
}

Thanks.

[patsorulesParticipant]

Thanks a lot. It works 🙂

[JoaoModerator]

Glad to hear it,

Joao

[Author]

Posts