https://legacy.forums.gravityhelp.com/topic/possible-css-conflict-on-field-widths Gravity Support Forums Topic: possible CSS conflict on field widths en-US Mon, 20 Apr 2026 17:09:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/possible-css-conflict-on-field-widths#post-106042 Sat, 22 Dec 2012 15:12:38 +0000 Chris Hajer 106042@https://legacy.forums.gravityhelp.com/ <p>You're welcome. </p> https://legacy.forums.gravityhelp.com/topic/possible-css-conflict-on-field-widths#post-105993 Sat, 22 Dec 2012 11:38:25 +0000 3cstudio 105993@https://legacy.forums.gravityhelp.com/ <p>Thanks Chris! </p> https://legacy.forums.gravityhelp.com/topic/possible-css-conflict-on-field-widths#post-105509 Fri, 21 Dec 2012 18:43:04 +0000 Chris Hajer 105509@https://legacy.forums.gravityhelp.com/ <p>You should not modify the plugin css. You can override the styles in your theme's stylesheet. The issue is that your theme has included some Gravity Forms-specific CSS. Take a look at <a href="http://test.hollandbuscompany.com/wp-content/themes/startbox/includes/styles/startbox.css?ver=3.5" rel="nofollow">http://test.hollandbuscompany.com/wp-content/themes/startbox/includes/styles/startbox.css?ver=3.5</a> line 766:</p> <pre><code>[css] body .gform_wrapper input[type=&quot;text&quot;], body .gform_wrapper textarea { border: 1px solid #AAAAAA; color: #333333; font-size: 1em; padding: 5px; }</code></pre> <p>That <strong>padding: 5px;</strong> is fouling things up and causing the border to disappear. Please override your theme by using this CSS:</p> <pre><code>[css] body .gform_wrapper input[type=&quot;text&quot;], body .gform_wrapper textarea { padding: 0px!important; }</code></pre> <p>Screenshot: <a href="http://minus.com/lbcpcnvv8guJkK" rel="nofollow">http://minus.com/lbcpcnvv8guJkK</a> </p> https://legacy.forums.gravityhelp.com/topic/possible-css-conflict-on-field-widths#post-105501 Fri, 21 Dec 2012 18:04:04 +0000 3cstudio 105501@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>On: <a href="http://test.hollandbuscompany.com/contact-us/" rel="nofollow">http://test.hollandbuscompany.com/contact-us/</a></p> <p>Just wanted to see if there was a good fix for this -- noticed it in the last 2 installs of Gravity Forms:<br /> - end of fields' border for things such as Email Address or Name (Last) won't show<br /> - which leaves the field being 3-sided for a border, while right edge remains white</p> <p>I found that if I eliminated from line 237 of: /wp-content/plugins/gravityforms/css/forms.css?ver=1.6.11:<br /> <pre><code>.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {width:96% !important}</code></pre> <p>the earlier code (from line 231) would take effect and show the right-side border properly:<br /> <pre><code>.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select {width:95% !important}</code></pre> <p>Seems that single percentage point makes the 1px right-border 'disappear'? If you need a better explanation, I can post a screenshot if needed.</p> <p>Just wanted to point this out in case it is something that can be fixed permanently instead of a temporary adjustment to the plugin styles or constant new addition to each theme's general style.css . . . thanks!</p> <p>Steve C.<br /> 3Cstudio </p>