https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong Gravity Support Forums Topic: Address Form Formatting Wrong en-US Mon, 20 Apr 2026 08:23:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320841 Thu, 13 Jun 2013 12:33:53 +0000 Rob Harrell 320841@https://legacy.forums.gravityhelp.com/ <p>No problem, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320817 Thu, 13 Jun 2013 12:19:46 +0000 Mark Bailey 320817@https://legacy.forums.gravityhelp.com/ <p>Cool! Thanks for all the ultra-fast help!!! </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320788 Thu, 13 Jun 2013 12:07:36 +0000 Rob Harrell 320788@https://legacy.forums.gravityhelp.com/ <p>Looks good in Chrome for me: <a href="https://www.evernote.com/shard/s212/sh/991ce74f-8f5f-4bc0-848b-d078404c5fe0/63fa0e6230dea25bf4ac956a5c8cbd43" rel="nofollow">Screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320784 Thu, 13 Jun 2013 12:06:13 +0000 Mark Bailey 320784@https://legacy.forums.gravityhelp.com/ <p>Actually the ZIP part looks okay in Firefox now (after your fix above for the whole issue). Still to the right in Chrome though. (Darn browser inconsistencies.) </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320779 Thu, 13 Jun 2013 12:05:01 +0000 Mark Bailey 320779@https://legacy.forums.gravityhelp.com/ <p>Thank you for the amazingly fast support! That improves it, however the ZIP field is still over to the right. How can I fix that? </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320772 Thu, 13 Jun 2013 12:02:48 +0000 Rob Harrell 320772@https://legacy.forums.gravityhelp.com/ <p>Mark,</p> <p>This <a href="https://www.evernote.com/shard/s212/sh/6a2a3069-48bb-4e7f-85eb-f841f5c7faaf/5b4a856fd7efbae11c880c40c77726b2" rel="nofollow">screenshot</a> shows your issue. Your theme is placing a bottom margin of 20px below each input (see the generic input and textarea selectors there?</p> <p>To fix, use this:<br /> 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 .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 textarea { margin-bottom: 0; }</code></pre> <p><a href="https://www.evernote.com/shard/s212/sh/7885c34a-b58d-48d9-a3a5-0eec740b3215/08e89d80e856298e8d2dfabd838e896c" rel="nofollow">Result</a> </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320761 Thu, 13 Jun 2013 11:55:55 +0000 Mark Bailey 320761@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Sure:</p> <p><a href="http://www.medicareguidance.org/contact-us/" rel="nofollow">http://www.medicareguidance.org/contact-us/</a></p> <p>Thanks,</p> <p>Mark </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320759 Thu, 13 Jun 2013 11:54:38 +0000 Rob Harrell 320759@https://legacy.forums.gravityhelp.com/ <p>Mark,</p> <p>Can you please post a link to your form for us? </p> https://legacy.forums.gravityhelp.com/topic/address-form-formatting-wrong#post-320757 Thu, 13 Jun 2013 11:52:57 +0000 Mark Bailey 320757@https://legacy.forums.gravityhelp.com/ <p>Hi, I am trying to set up a basic contact form with the default address fields (and such), but the form's formatting is badly off. Under each field (First name, last name, street address, etc.), the descriptor is about 20 pixels too far below the field.</p> <p>In one case, it pushes the ZIP field over to the right.</p> <p>Here is a screenshot:</p> <p><a href="http://wpcdn.com/images/gravity-forms-issue.jpg" rel="nofollow">http://wpcdn.com/images/gravity-forms-issue.jpg</a></p> <p>The end result is that users are confused by the form because the descriptors are actually closer to the fields below them. And the ZIP formatting looks odd too.</p> <p>I've tried with different themes and the results are the same. The themes have no gforms CSS. And I looked in Firebug but I can't find the CSS that's driving this problem (if it is indeed a CSS problem).</p> <p>Any help will be appreciated!</p> <p>Thanks,</p> <p>Mark </p>