# How to change Font Color in FAQ Accordion Block

**URL:** <https://community.elfsight.com/t/how-to-change-font-color-in-faq-accordion-block/60028>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [July 4, 2024, 7:48am UTC](https://community.elfsight.com/t/how-to-change-font-color-in-faq-accordion-block/60028 "2024-07-04T07:48:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 4, 2024, 7:48am UTC](https://community.elfsight.com/t/how-to-change-font-color-in-faq-accordion-block/60028/1 "2024-07-04T07:48:27Z")

</div>

To change font color in FAQ Accordion Block in Squarespace, you can change it in Site Styles. However in this post, I will share some CSS code.

**Accordion Title**  
Use this code to Custom CSS box

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

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/2/32171f293d0b7be915b1b878b60cd47ef9537841.jpeg)

**Accordion Content**

Use this CSS code

```auto
/* Accordion Content Color */
.accordion-item __description, .accordion-item__ description * {
    color: #eeec;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/9/29d43b97ffd15c5b8809f637772cd2d12e963cad.jpeg)

**Accordion Divider**

Use CSS code

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

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/d/8d728b203ec32ea99f4e0760961251258575d575.jpeg)

**Accordion Plus/Minus**  
**Accordion Plus:**  
Use CSS code

```auto
/* Plus */
.plus>div {
    background-color: #f1f !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/c/9c53c2a94b3143a4c30db46d65421b6c857637c8.jpeg)

**Accordion Minus:**

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

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/a/eaa7c24f56d115a891ee23f76b5d54407f0b8bba.jpeg)