Custom CSS code styling works on all forms except one.

  • Profile Image
    hmaydak
    Asked on September 18, 2025 at 8:30 AM

    I have several forms where I've used the same CSS style coding to hide the row headers and change the column color and it works on all but one form, so not sure what I'm missing. This is my largest form, so maybe I'm missing something in the code that is messed up.

    Jotform Thread 31184341 Screenshot
  • Profile Image
    James Adalem JotForm Support
    Replied on September 18, 2025 at 9:01 AM

    Hi Heather,

    Thanks for reaching out to Jotform Support. Can you try adding the word !important under your .form-matrix-column-headers? Here's how to do it:

    1. In Form Builder, click on the Paint Roller icon on the right side of the page.
    2. Go to the Styles tab, and scroll down to the Inject Custom CSS section.
    3. In the .form-matrix-column-headers CSS code, add the word !important after the background: #dfd1f6. Custom CSS code styling works on all forms except one Screenshot 20

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

  • Profile Image
    hmaydak
    Replied on September 18, 2025 at 9:08 AM

    Outstanding! Yes, simple piece of text I completely missed. Thank you!

Your Reply