# \[IGN-6880\] How to set Carousel "dot" color via style class?

**URL:** <https://forum.inductiveautomation.com/t/ign-6880-how-to-set-carousel-dot-color-via-style-class/67097>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 30, 2022, 5:43pm UTC](https://forum.inductiveautomation.com/t/ign-6880-how-to-set-carousel-dot-color-via-style-class/67097 "2022-11-30T17:43:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShaneH](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@ShaneH](https://forum.inductiveautomation.com/u/ShaneH)\
**Post date:** [November 30, 2022, 5:43pm UTC](https://forum.inductiveautomation.com/t/ign-6880-how-to-set-carousel-dot-color-via-style-class/67097/1 "2022-11-30T17:43:00Z")

</div>

Perspective 8.1.22

For a Perspective Carousel component:

How do you set the Carousel "dot" color via style class?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/6/e6a9ae4a86fcd071e8aa0bdc8b4c816d41b6711c.png)

Setting 'fillColor' directly works. But I tried every 'color' field available in the style class, and none of them seemed to work (even with !important).

Any ideas?

Thanks.  
-Shane

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 30, 2022, 9:06pm UTC](https://forum.inductiveautomation.com/t/ign-6880-how-to-set-carousel-dot-color-via-style-class/67097/2 "2022-11-30T21:06:56Z")

</div>

This is broken. I've opened an internal ticket to get it fixed. There is no workaround because the Style Classes are being completely ignored, in that they are not even attached to the component in the DOM. Additionally, we appear to be hard-coding the color if that `fillColor` prop is missing or doesn't have a value, meaning that even the newer `stylesheet.css` resource would be of no help here.