https://legacy.forums.gravityhelp.com/topic/spacing Gravity Support Forums Topic: Spacing en-US Mon, 20 Apr 2026 03:18:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/spacing#post-31793 Thu, 04 Aug 2011 21:43:29 +0000 Kevin Flahaut 31793@https://legacy.forums.gravityhelp.com/ <p>The other form you referenced looks like it has a few styling issues of it's own. Personally, I think the left-label or right-label layout is a poor choice for a sidebar form because of the limited horizontal space. Of course it's your site and your preference.</p> <p>screenshot: <a href="http://bit.ly/qLGJsL" rel="nofollow">http://bit.ly/qLGJsL</a></p> <p>You can tighten up the vertical spacing by reducing the bottom margin value from the containing list items. Add this to the end of your theme stylesheet.</p> <pre><code>[css] body #gform_wrapper_1.gform_wrapper ul.right_label li, body #gform_wrapper_1.gform_wrapper form ul.right_label li, body #gform_wrapper_1.gform_wrapper ul.left_label li, body #gform_wrapper_1.gform_wrapper form ul.left_label li { margin-bottom:0 }</code></pre> <p>after that, go into the form editor and change the width setting on all of the fields from "medium" to "large"</p> <p>test screenshot: <a href="http://bit.ly/ogfenD" rel="nofollow">http://bit.ly/ogfenD</a></p> <p>from there you can target the different elements of the form to fine-tune it to your preference. The documentation has a comprehensive breakdown of all the form elements and examples of how to properly target them for CSS manipulation.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/spacing#post-31791 Thu, 04 Aug 2011 21:25:39 +0000 Mansi Mansi 31791@https://legacy.forums.gravityhelp.com/ <p>Spacing between field and labels is somehow off<br /> how to control it see this page <a href="http://executivemortgageservices.com/new2011/" rel="nofollow">http://executivemortgageservices.com/new2011/</a><br /> I'm looking to it to be <a href="http://advantagelendingcorp.com/" rel="nofollow">http://advantagelendingcorp.com/</a></p> <p>ALso space between fields is too big I want to narrow it.</p> <p>Thanks,<br /> Mansi </p>