How Do I Make the Background of Specific Inputs of My Form Transparent?

  • labman3
    Asked on July 15, 2015 at 4:53 PM

    I had to change a few fields in my form and now the new fields have a white background. I have tried to update the css code, but nothing happens.

     

    http://www.jotform.com/?formID=51386206687160#

     

    #id_9, #id_10, #id_5, #id_7, #id_6, #id_8, #id_11, #id_12, #id_37, #id_28, #_48, #_26, #_47, #_46, #_39, #_41, #_36{
    background-color : transparent;
    }

  • abajan Jotform Support
    Replied on July 15, 2015 at 7:35 PM

    The solution is to change every instance of #id with #input. In other words, instead of targeting the background of the entire field in each instance, just target the input. Also, upon cloning the form I saw that the work area of the CSS tab in the Form Designer was warning of incorrect CSS:

    How Do I Make the Background of Specific Inputs of My Form Transparent? Image 1 Screenshot 20

    You'll notice in the above screenshot that there's a rule without any selector. What element is the declaration indicated by the arrow targeting? That rule has no selector. To be on the safe side you'd better remove it.

    If the above changes are made, the inputs in your form should look like those in this clone.

    If you need further help with this, we'd be happy to provide it.

    Cheers

  • abajan Jotform Support
    Replied on July 15, 2015 at 7:48 PM

    Incidentally, in my clone the highlight effect exhibited on each field when it has the focus can be disabled as follows: Preferences > Field Styles > Highlight Effect > Disabled

    How Do I Make the Background of Specific Inputs of My Form Transparent? Image 1 Screenshot 20