https://legacy.forums.gravityhelp.com/topic/background-color-for-fields Gravity Support Forums Topic: Background color for fields en-US Sat, 04 Apr 2026 10:44:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24662 Mon, 02 May 2011 16:56:51 +0000 JillChongva 24662@https://legacy.forums.gravityhelp.com/ <p>You rock! That last one worked!</p> <p>Thanks a million!</p> <p>j :) </p> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24604 Sun, 01 May 2011 18:04:01 +0000 Kevin Flahaut 24604@https://legacy.forums.gravityhelp.com/ <p>easiest thing to do is to remove the CSS rule on line 53 of your orange.css file. If you can't do that, then you'll need to be more specific with your new rule to override it. Something like this example:</p> <pre><code>[css] body #page.art input[type=&quot;text&quot;], body #page.art input[type=email], body #page.art input[type=url], body #page.art input[type=password], body #page.art input[type=tel], body #page.art textarea, body #page.art select { background-color:#fff }</code></pre> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24602 Sun, 01 May 2011 15:36:18 +0000 JillChongva 24602@https://legacy.forums.gravityhelp.com/ <p>Thanks for the help, but the fields are all still black. I told the client NOT to choose that theme, but it is what it is.</p> <p>Anything else I can look at?</p> <p>j :) </p> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24423 Thu, 28 Apr 2011 12:29:11 +0000 Kevin Flahaut 24423@https://legacy.forums.gravityhelp.com/ <p>Yep, you're using the HTML5 input types (email, phone, etc) that aren't defined in your theme stylesheets. You can add those input types to your style rules like this..</p> <p>orange.css line 41 - change to</p> <pre><code>[css] input[type=&quot;text&quot;], input[type=email], input[type=url], input[type=password], input[type=tel]{ background: url(&quot;orange/input.jpg&quot;) repeat-x scroll center bottom #FFFFFF; border: 1px solid #D2D2D2; color: #2B2B2B; }</code></pre> <p>style.css line 97 - change to</p> <pre><code>[css] input[type=&quot;text&quot;], input[type=email], input[type=url], input[type=password], input[type=tel] { font: 1.3em/1em Arial,Helvetica,Tahoma,sans-serif; padding: 7px 10px; width: 570px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24422 Thu, 28 Apr 2011 12:23:55 +0000 Kevin Flahaut 24422@https://legacy.forums.gravityhelp.com/ <p>Without seeing your form, I can't say what the actual problem is..probably the HTML5 input types, but you can use some custom CSS rules added to the end of your theme stylesheet to reset the input styles for your forms.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { background-color:#fff; color:#000 }</code></pre> <p>There are more examples here in the documentation as well</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24421 Thu, 28 Apr 2011 12:19:26 +0000 JillChongva 24421@https://legacy.forums.gravityhelp.com/ <p>Soot - sorry about that! Page is <a href="http://50.22.108.32/~tifflpit/contact/" rel="nofollow">http://50.22.108.32/~tifflpit/contact/</a></p> <p>j :) </p> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24417 Thu, 28 Apr 2011 12:11:18 +0000 Carl Hancock 24417@https://legacy.forums.gravityhelp.com/ <p>If the fields are different this is a theme CSS issue. We don't set background colors on the fields, it's coming from your theme. If you post a link to a page on your site where we can view the form we can make some CSS suggestions for you to implement. </p> https://legacy.forums.gravityhelp.com/topic/background-color-for-fields#post-24413 Thu, 28 Apr 2011 12:09:18 +0000 JillChongva 24413@https://legacy.forums.gravityhelp.com/ <p>Some of the fields on my contact form are white and some are black - I'd like them to be all white. How do I do that?</p> <p>jill :) </p>