https://legacy.forums.gravityhelp.com/topic/field-width-problem Gravity Support Forums Topic: field width problem en-US Mon, 20 Apr 2026 15:39:33 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/field-width-problem#post-86407 Thu, 01 Nov 2012 22:36:48 +0000 Kevin Flahaut 86407@https://legacy.forums.gravityhelp.com/ <p>The problem is a padding value added to the inputs by your theme. This isn't a Gravity Forms style.. but something specifically targeted to a Gravity Form by your theme itself.</p> <p>You can see this rule on line 1367 of your theme's style.css file.</p> <pre><code>[css] div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { font-size: 14px !important; padding: 4px 5px !important; }</code></pre> <p>when that is disabled, you'll see that the right border of the inputs is visible as intended.</p> <p>screenshot: <a href="http://bit.ly/X4Okw1" rel="nofollow">http://bit.ly/X4Okw1</a></p> <p>You can try adding this CSS rule to the end of your theme's style.css file or wherever you add custom CSS rules. This should override the previous rule with more specific CSS inheritance. This DOES NOT go in the functions file to be clear. It's simple CSS and is included in the theme's stylesheet.</p> <pre><code>[css] body div.gform_wrapper ul.gform_fields li.gfield input[type=text], body div.gform_wrapper ul.gform_fields li.gfield input[type=url], body div.gform_wrapper ul.gform_fields li.gfield input[type=email], body div.gform_wrapper ul.gform_fields li.gfield input[type=tel], body div.gform_wrapper ul.gform_fields li.gfield input[type=number], body div.gform_wrapper ul.gform_fields li.gfield input[type=password], body div.gform_wrapper ul.gform_fields li.gfield select, body div.gform_wrapper ul.gform_fields li.gfield textarea { padding: 4px 0 !important }</code></pre> https://legacy.forums.gravityhelp.com/topic/field-width-problem#post-86358 Thu, 01 Nov 2012 18:51:41 +0000 NZLNic 86358@https://legacy.forums.gravityhelp.com/ <p>Hi</p> <p>My knowledge of code is very limited. I have built several sties using Genesis &amp; have added Gravity Forms. I've noted that almost without exception the right border of the fields in the forms I create are not visible. They're extending beyond the body or sidebar area.</p> <p>The theme and plugin are far too popular for others not to have had the same problem. My coder will normally fix the styling for me. (only recently discovered he should be using the Functions file in the theme!)</p> <p>Here's an example on my current dev site is <a href="http://dd.ml.net.nz/contact-us" rel="nofollow">http://dd.ml.net.nz/contact-us</a>.</p> <p>Isn't it reasonable to expect the form to fit the constraint of the page without editing the stylesheet?</p> <p>What code do I need to add to the functions file so the right border of the full width fields are visible?</p> <p>Thanks </p>