[Share] Change font color in Accordion Block

Some tips to change font color in Accordion Block.

If you can't make it work, you can send link to page where you use Accordion Block, I will check again.

#1. Accordion Title

You can change it in Site Styles > Color > Heading (Small)

or use this code to Custom CSS box.

/* Accordion Title Color */
span.accordion-item__title {
    color: #f1f !important;
}

#2. Accordion Content

You can change accordion content in Site Styles > Colors > Paragraph Medium

or use this CSS code.

/* Accordion Content Color */
.accordion-item__description, .accordion-item__description * {
    color: #eeec;
}

#3. Accordion Divider

You can change it in Site Styles > Colors > Accordion Block Divider Color

or use this CSS code

/* Accordion Divider Color */
div.accordion-divider {
    color: #f1f !important;
}

#4. Accordion Plus/Minus/Arrows

You can change it in Site Styles > Colors > Accordion Block Icon Color

or use this CSS code

/* Plus */
.plus>div {
    background-color: #f1f !important;
}
/* Minus */
[aria-expanded="true"] .plus>div {
    background-color: #000 !important;
}