What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to exclude some fields or widgets from the custom CSS codes you hav

    Asked by jafferalhamad on August 23, 2016 at 12:00 PM

    How to exclude some fields or widgets from the custom CSS codes you have entered?

    In other words, If I have added some custom CSS codes, but I want them to apply on all fields and widgets except one or two, how is that possible?

    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    JotForm Support

    Answered by Jim_R on August 23, 2016 at 01:37 PM

    If your aim is to target all fields except one (or two) of them, you may first declare the CSS codes for all the fields in general, then add another set of CSS Codes for the fields to be excluded. Here's a quick example:

    Scenario: Change the font color of ALL labels to red except the Email field

    Demo: https://form.jotform.com/62354842998976

    CSS Codes used:

    .form-label {

       color: red;


    #label_4 {

       color: black;


    It's important to note that you should declare your codes for all the fields BEFORE you declare the specific fields to be excluded. What you're essentially doing is use the CLASS for all the fields then use the unique ID of the specific field to be excluded.

    Although this is a simple example, the same idea applies regardless if you're doing this on Jotform or not.

    Hope that answered your question.