https://legacy.forums.gravityhelp.com/topic/how-to-get-the-checkboxes-closer-to-each-other Gravity Support Forums Topic: How to get the checkboxes closer to each other? en-US Mon, 20 Apr 2026 01:26:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-get-the-checkboxes-closer-to-each-other#post-48585 Tue, 07 Feb 2012 15:52:11 +0000 Rob Harrell 48585@https://legacy.forums.gravityhelp.com/ <p>Looks like this margin is causing the current spacing:</p> <pre><code>[css] body #gform_wrapper_7 ul li { margin-top: 10px; }</code></pre> <p>If you add this in:</p> <pre><code>[css] body #gform_wrapper_7 ul.gfield_checkbox li { margin-top: 0; }</code></pre> <p>It should void the other margin. </p> https://legacy.forums.gravityhelp.com/topic/how-to-get-the-checkboxes-closer-to-each-other#post-48570 Tue, 07 Feb 2012 14:32:55 +0000 msweber 48570@https://legacy.forums.gravityhelp.com/ <p>thanks, that did the trick in the small form</p> <p>but here I have another form<br /> <a href="http://www.lasikistanbul.net/lasik-eignungstest" rel="nofollow">http://www.lasikistanbul.net/lasik-eignungstest</a></p> <p>And again I want to get the checkboxes closer to each other. But in the css I could not find a line-height which I could remove.</p> <p>Thanks again for your great support... </p> https://legacy.forums.gravityhelp.com/topic/how-to-get-the-checkboxes-closer-to-each-other#post-48488 Mon, 06 Feb 2012 17:48:15 +0000 Rob Harrell 48488@https://legacy.forums.gravityhelp.com/ <p>Looks like in your style.css you have:</p> <pre><code>[css] body #gform_wrapper_5 .gform_body .gform_fields .gfield .gfield_checkbox { list-style-type: none; list-style-image: none; color: white; line-height: 30px; font-size: 0.9em; }</code></pre> <p>If you get rid of that line-height your checkbox fields will come closer together. Then you also have this style (I added the margin-left: 0) at the bottom, so you would just need to update that:</p> <pre><code>[css] body #gform_wrapper_5 .gform_body .gform_fields { list-style: none; list-style: none; list-style-position: inside; margin-bottom: 3px; display: inline; margin-left: 0; }</code></pre> <p>Making these adjustments worked for me in Chrome Dev Tools. Hope this helps out. </p> https://legacy.forums.gravityhelp.com/topic/how-to-get-the-checkboxes-closer-to-each-other#post-48483 Mon, 06 Feb 2012 16:41:18 +0000 msweber 48483@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I have a gravity form on the right hand side on my website:<br /> <a href="http://www.lasikistanbul.net/" rel="nofollow">http://www.lasikistanbul.net/</a></p> <p>I have put some checkboxes in the form. I want to have the checkboxes closer to each other with almost no space between the boxes.</p> <p>Secondly, I would like to decrease the space between the title (Mehr Infos) and the checkbox-list below.<br /> Can you help me out?</p> <p>thanks </p>