https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels Gravity Support Forums Topic: Aligning check boxes and labels en-US Mon, 13 Apr 2026 21:00:40 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels#post-46973 Fri, 20 Jan 2012 09:20:00 +0000 Richard Vav 46973@https://legacy.forums.gravityhelp.com/ <p>Good to hear! </p> https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels#post-46970 Fri, 20 Jan 2012 08:48:17 +0000 breitspr 46970@https://legacy.forums.gravityhelp.com/ <p>Awesome, it worked! Thanks alot man! </p> https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels#post-46959 Fri, 20 Jan 2012 06:37:16 +0000 Richard Vav 46959@https://legacy.forums.gravityhelp.com/ <p>Ok delete those other css rules from the above post. So using chrome's developer panel I have found the problem in your themes style.css in the section beginning with /* 7.2 Gravity forms */ the 8th css rule down looks like this</p> <pre><code>[css] .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }</code></pre> <p>If you copy the following style into your custom.css (notice how I have changed that 120px to 0) the check box should align itself along the left side of your page like the other fields on your form.</p> <pre><code>[css] .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 0 !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels#post-46957 Fri, 20 Jan 2012 06:16:15 +0000 breitspr 46957@https://legacy.forums.gravityhelp.com/ <p>Please have a look by using konmed as username and password</p> <p>I tried </p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox { padding-left: 0px; margin-left: 0px; }</code></pre> <p>and</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li { padding-left: 0px; margin-left: 0px; }</code></pre> <p>in custom.css but both did nothing </p> https://legacy.forums.gravityhelp.com/topic/aligning-check-boxes-and-labels#post-46872 Thu, 19 Jan 2012 17:15:07 +0000 Richard Vav 46872@https://legacy.forums.gravityhelp.com/ <p>Without having a look I think it is probably due to a style in your themes style.css file overriding the gravity styling which you should be able to solve by adding another bit of css targeting the checkboxes and setting either the padding-left or margin-left to 0</p> <p>The following page of the documentation is a good place to look for how to target different gravity elements with css<br /> <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/aligning-check-boxes-and-labels#post-46861 Thu, 19 Jan 2012 14:27:14 +0000 breitspr 46861@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I have trouble aligning checkboxes left, they have a huge padding from the left border.<br /> Also Field Labels break into a new line after 20 letters or something.</p> <p>Example hier:<br /> <a href="http://konmed.info/2012/01/17/gesundheitsforum-am-7-februar-mit-heiner-brand/" rel="nofollow">http://konmed.info/2012/01/17/gesundheitsforum-am-7-februar-mit-heiner-brand/</a></p> <p>Any suggestions? (I provide login data on request)</p> <p>Regards </p>