Scale Rating: How to change color of sublables and options?

  • nyleenkayla
    Asked on February 1, 2023 at 1:30 AM

    How can I change the text color to white for the labels of "Lowest Rating Text" & "Highest Rating Text"? Is there also a way to darken the numbers

    1675233001 63da06e962d11  Screenshot 10

    Darken 0 - 2

    and lighten 25% & 75%


    Thank you!

  • Nikola JotForm Support
    Replied on February 1, 2023 at 3:33 AM

    Hi Kayla,

    Thanks for reaching out to Jotform Support. You can change the color of sublabels to white with the following CSS code:

    .rating-item-title.for-to > label:first-child, .rating-item-title.for-from > label:first-child {
      color: #fff!important;
    }

    To change the color of options add this CSS code:

    .rating-item label {
        color: #000!important;
    }

    1675240140 63da22cc59310  Screenshot 10

    This guide will show you how to inject CSS codes into your form. Here is my demo form.

    Let us know if you have any other questions.