Change the field sublabel color

  • lbtrucks
    Asked on June 28, 2024 at 11:17 AM

    I have gone into the advanced editor and tried to change this. The words show up white when I am in advanced designer settings. But as soon as I come back out to normal editing it shows this blue color for "first name" and "last name". See screen shot.Change the field sublabel color Image 1 Screenshot 20

  • Jovito JotForm Support
    Replied on June 28, 2024 at 11:30 AM

    Hi lbtrucks,

    Thanks for reaching out to Jotform Support. I checked your account and looked for the form you are referring on your screenshot. Are you referring to your Endorsement Questionnaire form? I checked it on my end, and it seems that the field labels are now changed to black. Check out the image below:

    Change the field sublabel color Image 1 Screenshot 30

    But, if you still want to change the label color to white, you can inject a CSS code to your form. Here is the CSS code:

    /*Change the label color to white - 16377311*/
    .form-sub-label {
      color: white;
    }
    /*ends here*/

    It is easy to inject the code. Let me show you how:

    1. In Form Builder, click the Form Designer (blue paintbrush icon).
    2. Go to Styles, scroll down and paste the CSS code above in the Inject Custom CSS text area.


    Change the field sublabel color Image 2 Screenshot 41

    You can also check my cloned form as a reference.

    Give it a try and let us know how it goes.

  • lbtrucks
    Replied on June 28, 2024 at 12:23 PM

    I changed it to black with a new theme and reset everything. I had to get rid of the blue somehow. So yes, I wanted to see where to change it if I changed it back to white. Thank you!

  • Christopher JotForm Support
    Replied on June 28, 2024 at 12:35 PM

    Hi lbtrucks,

    The custom CSS code provided by me colleague should allow you to update the sub label text color. I have reviewed your form and currently, you have not injected the provided custom CSS code. Please follow the instructions provided by my colleague on how to inject it. You can change the value white on the CSS code to your preferred color.

    Give it a try and let us know how it goes.

 
Your Answer