https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off Gravity Support Forums Topic: Address fields right edge are being cut off en-US Sun, 05 Apr 2026 12:53:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55673 Wed, 18 Apr 2012 11:04:50 +0000 Rob Harrell 55673@https://legacy.forums.gravityhelp.com/ <p>Right on man, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55672 Wed, 18 Apr 2012 11:03:53 +0000 jeffhiggins 55672@https://legacy.forums.gravityhelp.com/ <p>Whoops, sorry! Got it working. I tried the override code first, but that didn't seem to work. I eventually tracked down the input padding code (this theme has like 10 different spaghetti CSS files) and was able to get the fields down to a sensible size.</p> <p>Thanks a ton Rob! Gravity Forms is worth every penny. </p> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55671 Wed, 18 Apr 2012 10:51:27 +0000 Rob Harrell 55671@https://legacy.forums.gravityhelp.com/ <p>No that exists already in your stylesheet. The 10px padding is the cause. That's not a fix. I was just pointing it out.</p> <p>If you want to keep that you'll need to target GF's inputs to override it, for example:</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=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select { padding:5px 0; }</code></pre> <p>You can then change the padding to how you see fit. </p> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55669 Wed, 18 Apr 2012 10:48:52 +0000 jeffhiggins 55669@https://legacy.forums.gravityhelp.com/ <p>;) Thanks Rob. I tried dropping that into the CSS but the fields are still super big. Any ideas? Sorry to be a pain. </p> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55662 Wed, 18 Apr 2012 10:40:51 +0000 Rob Harrell 55662@https://legacy.forums.gravityhelp.com/ <p>No problem, this padding here in your stylesheet is causing the comically large inputs (LOL - like the descriptor on that one):</p> <pre><code>[css] input { padding: 10px !important; font-size: 11px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55659 Wed, 18 Apr 2012 10:34:37 +0000 jeffhiggins 55659@https://legacy.forums.gravityhelp.com/ <p>Thanks for the super-fast reply Rob. I tried dropping your code snippet and change in, but it didn't seem to work. Then I I tried commenting out the entire "form" section in my CSS (which I'm not a big fan of anyway), and left your new code snippet, and it did work. But then my form fields became comically large. I've left it with my form CSS commented out, but can you tell me how to make the fields appear smaller?</p> <p>Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55656 Wed, 18 Apr 2012 10:23:21 +0000 Rob Harrell 55656@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your theme's CSS:</p> <pre><code>[css] .gform_wrapper .ginput_complex .ginput_full input { width: 92% !important; } .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input { width: 84% !important; }</code></pre> <p>Also, I deactivated/removed the min-width/max-width on this selector as well:</p> <pre><code>[css] input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;email&quot;], textarea, select { border: 1px solid #CCC; padding: 0px 0px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px &quot;HelveticaNeue&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; color: #777; margin: 0; min-width: 190px; max-width: 100%; display: block; margin-bottom: 0px; background: white; }</code></pre> https://legacy.forums.gravityhelp.com/topic/address-fields-right-edge-are-being-cut-off#post-55653 Wed, 18 Apr 2012 10:16:49 +0000 jeffhiggins 55653@https://legacy.forums.gravityhelp.com/ <p>I'm having an issue with the "address" form field's right side edge being cut off. This seems to happen no matter how big the page is.</p> <p>Example: <a href="http://jeffhiggins.ca/procare/contact/" rel="nofollow">http://jeffhiggins.ca/procare/contact/</a></p> <p>I've tried messing with the padding settings in my CSS but to no avail. Any ideas? Thanks! </p>