https://legacy.forums.gravityhelp.com/topic/form-formatting Gravity Support Forums Topic: Form Formatting en-US Sun, 19 Apr 2026 22:00:06 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-formatting#post-318486 Wed, 12 Jun 2013 07:40:04 +0000 Rob Harrell 318486@https://legacy.forums.gravityhelp.com/ <p>Glad to help! </p> https://legacy.forums.gravityhelp.com/topic/form-formatting#post-318296 Wed, 12 Jun 2013 03:42:10 +0000 aum302 318296@https://legacy.forums.gravityhelp.com/ <p>Worked very well. Thanks so much. </p> https://legacy.forums.gravityhelp.com/topic/form-formatting#post-317047 Tue, 11 Jun 2013 09:52:34 +0000 Rob Harrell 317047@https://legacy.forums.gravityhelp.com/ <p>This is a product of your theme:</p> <pre><code>[css] input[type=text], textarea { margin: 0 0 20px 0; border-style: solid; border-width: 1px; border-color: #dcdcdc; font-size: 12px; width: 90%; padding: 10px; }</code></pre> <p>That margin is your issue.</p> <p>Just place the following 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 input[type=&quot;text&quot;], body .gform_wrapper input[type=&quot;url&quot;], body .gform_wrapper input[type=&quot;email&quot;], body .gform_wrapper input[type=&quot;tel&quot;], body .gform_wrapper input[type=&quot;number&quot;], body .gform_wrapper input[type=&quot;password&quot;], body .gform_wrapper textarea { margin: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-formatting#post-303785 Wed, 05 Jun 2013 10:32:39 +0000 aum302 303785@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I have noticed that the space/gap between various Form Fields in the two Forms I have created is not equal. That makes the forms look very odd and also wastes real estate on the page. </p> <p>Pls have a look at the following URLs as a reference:</p> <p>1. Sidebar Optin Form</p> <p><a href="http://bookrecommendations.org/lolita-by-vladimir-nabokov/" rel="nofollow">http://bookrecommendations.org/lolita-by-vladimir-nabokov/</a></p> <p>(Gaps between 'My all time favorite book is' &amp; 'Email', 'Email' &amp; 'I am a' and then, 'I am a' and 'Submit button' fields) </p> <p>2. Contact Form</p> <p><a href="http://bookrecommendations.org/contact/" rel="nofollow">http://bookrecommendations.org/contact/</a></p> <p>(For example: gaps between 'Name' &amp; 'Email', 'Website' &amp; 'I am a' and then, 'Message &amp; 'Get Updates' fields) </p> <p>Pls let me know how to get the space/gap between various Form Fields, Buttons etc.exactly the same.</p> <p>Thanks. </p>