# How to change the color of arrow icon in filters

**URL:** <https://community.elfsight.com/t/how-to-change-the-color-of-arrow-icon-in-filters/152972>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [April 6, 2026, 5:42pm UTC](https://community.elfsight.com/t/how-to-change-the-color-of-arrow-icon-in-filters/152972 "2026-04-06T17:42:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kt\_at\_LINCC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kt_at_lincc/32/94711_2.png) [@kt\_at\_LINCC](https://community.elfsight.com/u/kt_at_LINCC)\
**Post date:** [April 6, 2026, 5:42pm UTC](https://community.elfsight.com/t/how-to-change-the-color-of-arrow-icon-in-filters/152972/1 "2026-04-06T17:42:06Z")

</div>

What about the arrow in the filter containers? Is there a way to change that color?

---

<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:** [April 6, 2026, 5:53pm UTC](https://community.elfsight.com/t/how-to-change-the-color-of-arrow-icon-in-filters/152972/3 "2026-04-06T17:53:14Z")

</div>

Welcome to the Community, @kt_at_LINCC 👋

You can achieve this using this code in the Custom CSS field on the Style tab of your widget’s settings:

```auto
.es-filter-button-slot {
  fill: white!important;
}

```

  

Give it a try and let me know if it helped 😉