# Change the color of Accordion Icon (Arrow or Plus)

**URL:** <https://community.elfsight.com/t/change-the-color-of-accordion-icon-arrow-or-plus/24948>\
**Category:** FAQ\
**Created:** [November 8, 2023, 5:55pm UTC](https://community.elfsight.com/t/change-the-color-of-accordion-icon-arrow-or-plus/24948 "2023-11-08T17:55:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 8, 2023, 5:55pm UTC](https://community.elfsight.com/t/change-the-color-of-accordion-icon-arrow-or-plus/24948/1 "2023-11-08T17:55:38Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your [FAQ](https://elfsight.com/accordion-faq-widget/) widget’s settings:

```auto
.eapps-faq-content-category-item-question-icon:before { 
  background-color: red!important;
}
.eapps-faq-content-category-item-question-icon:after { 
  background-color: red!important;
}

```

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 1, 2024, 10:55am UTC](https://community.elfsight.com/t/change-the-color-of-accordion-icon-arrow-or-plus/24948/2 "2024-08-01T10:55:51Z")

</div>

A post was split to a new topic: [Change color of Accordion icon on hover](https://community.elfsight.com/t/change-color-of-accordion-icon-on-hover/63976)