# How to change dialog choice \*number\* color? \[SOLVED\]

**URL:** <https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163>\
**Category:** Help\
**Created:** [5 January 2024 17:30 UTC](https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163 "2024-01-05T17:30:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Spavento](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/spavento/32/264_2.png) [@Spavento](https://narrat.discourse.group/u/Spavento)\
**Post date:** [5 January 2024 17:30 UTC](https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163/1 "2024-01-05T17:30:08Z")

</div>

I’ve customized the text color, the dialog choice color, the dialog choice hover color, but the numbers themselves appear to be controlled by a separate bit of CSS that I can’t find anything about.

⚙ Logs or screenshots of the issue:  
 ![image](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/8fad113fc3ed83d0f0294d293c033fd1210ddc06.png)

---

<div class="post-metadata">

**Author:** ![Narrat-Admin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/narrat-admin/32/429_2.png) [@Narrat-Admin](https://narrat.discourse.group/u/Narrat-Admin)\
**Post date:** [5 January 2024 18:11 UTC](https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163/2 "2024-01-05T18:11:43Z")

</div>

If you look in the browser inspector, the number is in its own span tag which has the `choice-index` class, so you can style it with css

Just add something like

```css
.choice-index {
  color: red;
}

```

In your css file

![image](https://global.discourse-cdn.com/free1/uploads/narrat/original/1X/4aef337d97e2d9c78d23a8484f97a2e29c1fa08e.png)

---

<div class="post-metadata">

**Author:** ![Spavento](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/spavento/32/264_2.png) [@Spavento](https://narrat.discourse.group/u/Spavento)\
**Post date:** [5 January 2024 18:29 UTC](https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163/3 "2024-01-05T18:29:36Z")

</div>

Somehow assumed the inspector would not provide me the answer when it’s literally saved me multiple times. Thanks!

---

<div class="post-metadata">

**Author:** ![Narrat-Admin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/narrat-admin/32/429_2.png) [@Narrat-Admin](https://narrat.discourse.group/u/Narrat-Admin)\
**Post date:** [5 January 2024 18:32 UTC](https://narrat.discourse.group/t/how-to-change-dialog-choice-number-color-solved/163/4 "2024-01-05T18:32:27Z")

</div>

Yeah, the feature to give CSS to those elements in the config was an early feature from back before I decided that it was easier to simply let people write custom CSS to customise the UI.

Nowadays it’s easier to just do that for most things really