-
labman3Asked 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 SupportReplied 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:
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 SupportReplied 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