Add this code to your Custom CSS area.
Repeating every 3 items
/**
* Colorful Accordion Style
* From Will-Myers.com
**/
[data-wm-plugin="accordions"] {
--wm-accordion-title-padding-left: 14px;
--wm-accordion-title-padding-right: 14px;
.accordion-item:nth-of-type(3n+1) {
--wm-accordion-title-background: #f6a6b2;
}
.accordion-item:nth-of-type(3n+2) {
--wm-accordion-title-background: #a7c7e7;
}
.accordion-item:nth-of-type(3n+3) {
--wm-accordion-title-background: #b7e1a1;
}
// Continue for as many additional iterations as you wold like
}
Repeat every 4 items
/**
* Colorful Accordion Style
* From Will-Myers.com
**/
[data-wm-plugin="accordions"] {
--wm-accordion-title-padding-left: 14px;
--wm-accordion-title-padding-right: 14px;
.accordion-item:nth-of-type(4n+1) {
--wm-accordion-title-background: #f6a6b2;
}
.accordion-item:nth-of-type(4n+2) {
--wm-accordion-title-background: #a7c7e7;
}
.accordion-item:nth-of-type(4n+3) {
--wm-accordion-title-background: #b7e1a1;
}
.accordion-item:nth-of-type(4n+4) {
--wm-accordion-title-background: #f9e2af;
}
// Continue for as many additional iterations as you wold like
}