https://legacy.forums.gravityhelp.com/topic/checkbox-field Gravity Support Forums Topic: CheckBox Field en-US Sat, 04 Apr 2026 14:43:49 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkbox-field#post-25393 Thu, 12 May 2011 10:07:36 +0000 SK54602 25393@https://legacy.forums.gravityhelp.com/ <p>This seemed to work..... now just need the buttons to work... </p> https://legacy.forums.gravityhelp.com/topic/checkbox-field#post-25386 Thu, 12 May 2011 09:07:28 +0000 Kevin Flahaut 25386@https://legacy.forums.gravityhelp.com/ <p>Your problem is the style rules coming from your theme. They have applied a 120 pixel left margin to that element. See the style.css file line 787. </p> <pre><code>[css] .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }</code></pre> <p>You can see that when it's disabled, the layout is corrected.</p> <p>screenshot: <a href="http://grab.by/a6YW" rel="nofollow">http://grab.by/a6YW</a></p> <p>You should be able to add this to your custom.css file to override their rule.</p> <pre><code>[css] body .gform_wrapper .gform_body .top_label .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 0!important; }</code></pre> <p>That worked in my test. If not, you will need to ask them how to override that. It's their theme style that's causing your issue, not the Gravity Forms default styles. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-field#post-25382 Thu, 12 May 2011 08:48:30 +0000 SK54602 25382@https://legacy.forums.gravityhelp.com/ <p>All the check boxes seem to have indent in there actual location..... </p> https://legacy.forums.gravityhelp.com/topic/checkbox-field#post-25379 Thu, 12 May 2011 08:38:12 +0000 SK54602 25379@https://legacy.forums.gravityhelp.com/ <p>The checkbox field is not positioned correctly. Originally The text above and the check box was off centered. Woo gave me the follow custom.css to use.</p> <p>.gform_wrapper .top_label .gfield_label {<br /> width: auto;<br /> }</p> <p>.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {<br /> margin-left: 0;<br /> } </p> <p>This worked for the text above the checkbox but didnt resolve the checkbox section.</p> <p><a href="http://www.sbsake.com/send-a-message/" rel="nofollow">http://www.sbsake.com/send-a-message/</a></p> <p> Thanks </p>