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

  • Profile Image
    Asked on July 15, 2015 at 04: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.



    #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;

  • Profile Image
    Answered on July 15, 2015 at 07: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:

    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.


  • Profile Image
    Answered on July 15, 2015 at 07: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