Sublabel color custom CSS not working on live form

  • Profile Image
    hawaiiStrongest
    Asked on September 6, 2025 at 2:55 AM

    I'm trying to change the sub label color on these fields to "white", however, when I add the CSS Code to the Form Designer, it changes in the "edit" mode form, but when I go to preview the form, it changes to dark blue.

    In Edit mode, it is ok – s ublabel is “white”Sublabel color custom CSS not working on live form Image 1 Screenshot 40
    In Preview mode it turns dark blue

    Sublabel color custom CSS not working on live form Image 2 Screenshot 51

    Sublabel color custom CSS not working on live form Image 3 Screenshot 62

    Jotform Thread 30785661 Screenshot
  • Profile Image
    John JotForm Support
    Replied on September 6, 2025 at 3:04 AM

    Hi Darren,

    Thanks for reaching out to Jotform Support. The theme’s styling is overriding the font color you set. You can add an important declaration to your custom style so it takes priority over the theme’s stylesheet. Let me show you how:

    1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    2. Now, in the Form Designer menu, click on the Styles tab, scroll down and add an !important declaration to the line 33 of the Inject CSS Code box. That’s it. The code is automatically saved.

    Sublabel color custom CSS not working on live form Image 1 Screenshot 30 Check out the screenshot below to see how it looks on a cloned form now:

    Sublabel color custom CSS not working on live form Image 2 Screenshot 41Give it a try and let us know how it goes.

  • Profile Image
    hawaiiStrongest
    Replied on September 6, 2025 at 3:13 AM

    THANK YOU SO MUCH JOHN! It worked!

Your Reply