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

    Styling a single field with custom CSS

    Asked by evank001 on May 12, 2015 at 03:33 AM

    Hi there, 

    can you help me on the customization of one field by injecting the css to the form. So far so good but I want to have the header of a particular field in a particular color : 

    I tried that 

     

    input[id*="78"] + label > .form-header-group

    {

    background-color:#FFCC66;

    }

     

    But no effect, can you help me on that one  ?

    Thanks in advance, you rock.

    label background-color custom CSS
  • Profile Image
    JotForm Support

    Answered by Boris on May 12, 2015 at 04:21 AM

    Please try using the following custom CSS:

    #label_78 { background-color: #fc6; }

    However, you seem to have made an accidental typo in your custom CSS that would prevent this code from working if you just pasted it at the end of your code.

    Depending on what you wanted to achieve, please remove either the magenta colored part or the red colored part of your own code, before adding the above provided custom CSS.

    #input_3 {.form-subHeader{
    color:#2408FC;
    }

    Thank you for your praise, and for using JotForm. Please let us know how it goes, or if you need further help, and we will be glad to assist you.

     

    Edit: I am sorry, I made an accidental typo. Please use the following code without the .form-label part that I accidentally included in my initial post:

    #label_78 { background-color: #fc6; }