# (Squarespace) How to change Accordion Icon Color

**URL:** <https://community.elfsight.com/t/squarespace-how-to-change-accordion-icon-color/101447>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 16, 2025, 1:07am UTC](https://community.elfsight.com/t/squarespace-how-to-change-accordion-icon-color/101447 "2025-02-16T01:07:04Z")\
**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:** [February 16, 2025, 1:07am UTC](https://community.elfsight.com/t/squarespace-how-to-change-accordion-icon-color/101447/1 "2025-02-16T01:07:04Z")

</div>

To change Accordion Icon Color (plus/minus/arrow).

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/5/c5d1b246f3198352a1795202c84f5ed14020228f.png)

You can use this code to Custom CSS box.  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [email me](mailto:info@beaverhero.com).

```auto
div.accordion-icon-container>div>div {
    background-color: #f1f !important;
}

```

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

Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/61b9fd42a302e0d7ae67eb1dce581d29bdc210f5.png)