Styling a single field with custom CSS

  • Profile Image
    evank001
    Asked 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.

  • Profile Image
    Boris
    Answered 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; }