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 Do I Make the Background of Specific Inputs of My Form Transparent?

    Asked by labman3 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.

     

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

    JotForm css code transparent inputs field's inputs inputs of fields specific inputs selectors
  • Profile Image
    JotForm Support

    Answered by abajan 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.

    Cheers

  • Profile Image
    JotForm Support

    Answered by abajan 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