https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps Gravity Support Forums Topic: CSS Styles - tighten gaps en-US Mon, 20 Apr 2026 09:01:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52609 Thu, 15 Mar 2012 17:23:09 +0000 Rob Harrell 52609@https://legacy.forums.gravityhelp.com/ <p>Hey Leesa from Boston - you have yourself a great day too! Glad to help. ;) </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52608 Thu, 15 Mar 2012 17:19:57 +0000 Leesa - from Boston 52608@https://legacy.forums.gravityhelp.com/ <p>Hey Rob, </p> <p>You are correct sir! The right alignment setting, plus your css magic did it all! </p> <p>Thank you for all of your help! Enjoy the remainder of the day. :)</p> <p>Best regards,<br /> Leesa from Boston </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52598 Thu, 15 Mar 2012 16:29:51 +0000 Rob Harrell 52598@https://legacy.forums.gravityhelp.com/ <p>Actually, I think what may suit you better here is if you choose the Right Aligned label option in the form's settings. </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52592 Thu, 15 Mar 2012 15:38:27 +0000 Leesa - from Boston 52592@https://legacy.forums.gravityhelp.com/ <p>Hey Rob,</p> <p>Any css for the wraps? </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52472 Wed, 14 Mar 2012 21:11:31 +0000 Leesa - from Boston 52472@https://legacy.forums.gravityhelp.com/ <p>That helped even more! You are awsome! The wraps might be ok. I can give it a try. Here is what I currently have now at the bottom of my style.css. <a href="http://www.pastie.org/pastes/3597755/text" rel="nofollow">http://www.pastie.org/pastes/3597755/text</a>. </p> <p>I'll wait for your reply about the wraps. :) </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52469 Wed, 14 Mar 2012 20:45:53 +0000 Rob Harrell 52469@https://legacy.forums.gravityhelp.com/ <p>No problem, try this out:</p> <pre><code>[css] .gform_wrapper .gfield_description { padding: 0 !important; } .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;] { margin-bottom: 0px !important; }</code></pre> <p>I believe the form inputs are being placed where they are based on your longest label which is the shipping/billing label, are you ok if that wraps? </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52467 Wed, 14 Mar 2012 20:39:06 +0000 Leesa - from Boston 52467@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>Thank you for your SPEEDY reply! </p> <p>That did help. The only other tightening up is the "Description" fields rest far below the boxes. Where would I adjust the px or line height for that? Secondly, if I can align all the boxes 60 pixels more the left toward the titles, that would do the trick. </p> <p>Once I understand the above, I should be set for when I do my next two forms. I won't need to bug you again. :P</p> <p>Hope you can help. :)<br /> THANKS in advance! </p> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52448 Wed, 14 Mar 2012 18:03:00 +0000 Rob Harrell 52448@https://legacy.forums.gravityhelp.com/ <p>Hey Leesa from Boston! Try dropping this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li { margin-bottom: 0 !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-styles-tighten-gaps#post-52440 Wed, 14 Mar 2012 17:28:07 +0000 Leesa - from Boston 52440@https://legacy.forums.gravityhelp.com/ <p>Hello,<br /> I've heard so much about how easy Gravity Forms are, and here I am asking for probably a fairly simple question.</p> <p>Here is my new form. I am looking to close or tighten up all the free vertical space. Less page scrolling is the goal here. I did look through the forum and played with css for about an hour or more and had to surrender. Hope you can help.</p> <p>Gravity Form:<br /> <a href="http://hooplawdsites.com/clients/2enerwp/order-form-2/" rel="nofollow">http://hooplawdsites.com/clients/2enerwp/order-form-2/</a></p> <p>Thank you for your time and expertise!<br /> Leesa from Boston </p>