Hi,
My form fields turn black when I try to write in them. I can css my way out of everything else but this one is tricky.
Any solutions?
Hi,
My form fields turn black when I try to write in them. I can css my way out of everything else but this one is tricky.
Any solutions?
It's most likely the :focus selector that needs tweaking. Got a link to your form?
Hi Rob,
Yes, it's right here: http://www.hoorayinteractive.com/contact/
Your theme stylesheet is outputting this focus style:
[css]
textarea:focus, input:focus {
border: none !important;
background: #444 url("images/patterns/2.png");
}
If you want you can get rid of that from the theme or edit it accordingly. If you want to target only GF's inputs for focus styling you will need to override that selector above with something like this and place the styles you want:
[css]
.gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus {}
OK. That's embarrasing. Thought I had already tried background: none;
Jeeeez...
Thanks a lot. Have a nice weekend.
No problem, glad to help. Have a great weekend yourself!