How can i change the font colour on scaling rating number.

Hi ,

How do i add css code to a scale rating , with certain numbers only being a certain colour ?

For example 1-6 red, 7-8 yellow en 9-10 green.

https://form.jotform.com/250772015502548

Hi Megan,

Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Let us know if you have any other questions.

Hi Megan,

Let's inject a custom CSS code into your form to change the colors of the numbers. Let me show you how:

1. Copy the CSS code below:

/*To change the color of the numbers on Scale Rating field*/

#id_4 table tr th:nth-child(n):nth-child(-n+8) {

  color: #f00;

}

#id_4 table tr th:nth-child(n+9):nth-child(-n+10) {

  color: #ff0;

}

#id_4 table tr th:nth-child(n+11):nth-child(-n+12) {

  color: #0f0;

}

/*Ends here*/

2. Choose the Paint Roller icon located in the top-right corner of the Form Builder.

3. Navigate to Styles at the top of the Form Designer window on the right.

4. Under Inject Custom CSS, enter your code; all modifications are automatically saved. Give it a try and let us know if you need any help.