https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme Gravity Support Forums Topic: How to update CSS so form fields display in WP theme en-US Thu, 23 Apr 2026 04:03:12 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-188177 Thu, 28 Mar 2013 16:21:44 +0000 Rob Harrell 188177@https://legacy.forums.gravityhelp.com/ <p>Right on, glad to help. </p> https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-188174 Thu, 28 Mar 2013 16:20:00 +0000 stevegriswold 188174@https://legacy.forums.gravityhelp.com/ <p>PERFECT. </p> <p>Thanks Man.<br /> Steve </p> https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-188148 Thu, 28 Mar 2013 15:37:51 +0000 Rob Harrell 188148@https://legacy.forums.gravityhelp.com/ <p>Steve, no problem. Go ahead and drop these in:</p> <pre><code>[css] body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper input[type=file] { background-color: #f9f9f9; border: 1px solid #ccc; } .gform_wrapper select { border: 1px solid; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-188138 Thu, 28 Mar 2013 15:24:48 +0000 stevegriswold 188138@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob!</p> <p>This is better :) Is there a way to get the form fields to show up more and the drop down menus to appear. The drop down field are missing the box and just show the down arrow:</p> <p><a href="http://griswoldfamilyvacations.com/get-a-quote" rel="nofollow">http://griswoldfamilyvacations.com/get-a-quote</a></p> <p>Thanks for your help<br /> Steve </p> https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-187877 Thu, 28 Mar 2013 11:08:21 +0000 Rob Harrell 187877@https://legacy.forums.gravityhelp.com/ <p>Steve,</p> <p>This should do the trick for you, just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level):</p> <pre><code>[css] body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { border: 0; } .gform_wrapper h2.gsection_title { color: #333; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-update-css-so-form-fields-display-in-wp-theme#post-187876 Thu, 28 Mar 2013 11:04:40 +0000 stevegriswold 187876@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I have a test I am starting and have a test form setup, but the sites WP theme makes the form input boxes hard to read, it places a line above and below every form field and the drop down boxes and section titles don't display well at all.</p> <p><a href="http://griswoldfamilyvacations.com/get-a-quote/" rel="nofollow">http://griswoldfamilyvacations.com/get-a-quote/</a></p> <p>If anyone can share a piece of code I can cut and paste to make these fields easier to read and what file to update that would be awesome.</p> <p>Best,<br /> Steve </p>