Modifying colors on numerical rating scales

Use the CSS templates provided to adjust the default colors. Either use a find/replace function of your text editor to replace the default colors with new ones or refer to the line numbers to make specific changes to sections.

Do not modify the selectors. Only modify the hexadecimal color codes that appear as follows:

  • #123ABC (hash/pound symbol followed by six characters)

The selectors have been provided as a reference; as such, there is no need to modify them.

Standard solid color background template

This template contains the CSS required to change only the color of the rating scale.

Rating scale in blue.

Inverted white background color template

This template contains the CSS required to change only the color of the rating scale. The color in this template is #FF6200.

Rating scale in orange.