https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between Gravity Support Forums Topic: Formating issues - checkboxes and space between en-US Tue, 21 Apr 2026 00:03:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16851 Sat, 22 Jan 2011 10:06:26 +0000 Kevin Flahaut 16851@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Thanks for the update Laura. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16850 Sat, 22 Jan 2011 09:44:20 +0000 laurabetterly 16850@https://legacy.forums.gravityhelp.com/ <p>Kevin, Figured out what happened and got the code you recommended pasted into the Custom CSS and the form is formatted correctly now. Thought you should know. -Thank You. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16816 Fri, 21 Jan 2011 20:55:35 +0000 Kevin Flahaut 16816@https://legacy.forums.gravityhelp.com/ <p>I reviewed your form again and don't see the styles I gave you being included anywhere. What CSS file did you add these to?</p> <p>I copied your form page and created a test page. I added the following styles to an inline style block (I appended one new rule to the previous example for the regular text fields) and then everything formatted nicely.</p> <pre><code>/* correct the left margins on the checkbox and radio lists */ body .gform_wrapper .left_label ul.gfield_checkbox, body .gform_wrapper .right_label ul.gfield_checkbox, body .gform_wrapper .left_label ul.gfield_radio, body .gform_wrapper .right_label ul.gfield_radio { margin-left: 32%!important } /* correct the margins on the checkbox and radio items */ body .gform_wrapper .left_label ul.gfield_checkbox li, body .gform_wrapper .right_label ul.gfield_checkbox li, body .gform_wrapper .left_label ul.gfield_radio li, body .gform_wrapper .right_label ul.gfield_radio li, body .gform_wrapper .top_label ul.gfield_checkbox li, body .gform_wrapper .top_label ul.gfield_radio li { margin:0 0 14px 0!important } /* correct the margins on the containing list items */ body .gform_wrapper .top_label ul li.gfield, body .gform_wrapper .left_label ul li.gfield, body .gform_wrapper .right_label ul li.gfield { margin:0 0 14px 0!important } /* correct the margins on the section breaks */ body .gform_wrapper li.gfield.gsection { margin: 8px 0 16px!important; padding: 0 0 8px!important } /* correct the margins on the other text fields */ body .gform_wrapper ul.right_label li, body .gform_wrapper form ul.right_label li, body .gform_wrapper ul.left_label li, body .gform_wrapper form ul.left_label li, body .gform_wrapper ul.top_label li, body .gform_wrapper form ul.top_label li { margin-bottom: 14px !important; }</code></pre> <p><a href="http://dl.dropbox.com/u/688846/gravityhelp/esquire.html" rel="nofollow">Live Test Page</a></p> <p><a href="http://emberapp.com/rocketgenius/images/test-form-post-order-form-esquire-corporation" rel="nofollow">screenshot</a></p> <p>If you add these styles to a CSS file that gets loaded on the page properly, you should see the changes. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16790 Fri, 21 Jan 2011 17:24:13 +0000 laurabetterly 16790@https://legacy.forums.gravityhelp.com/ <p>Kevin, Perfectly understandable. I appreciate your help. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16772 Fri, 21 Jan 2011 11:39:58 +0000 Kevin Flahaut 16772@https://legacy.forums.gravityhelp.com/ <p>Laura, I did see your link but haven't had an opportunity to circle back around and investigate further. I'll do that and get back to you here asap. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16757 Fri, 21 Jan 2011 09:19:00 +0000 laurabetterly 16757@https://legacy.forums.gravityhelp.com/ <p>Did you get notified of my reply above? </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16587 Wed, 19 Jan 2011 10:29:48 +0000 laurabetterly 16587@https://legacy.forums.gravityhelp.com/ <p>Guess if I'm going to change it I should put the new URL in any replies! Here it is:</p> <p><a href="http://esquirecorp2.yadayadasandbox.com/forms/post-order-form/" rel="nofollow">http://esquirecorp2.yadayadasandbox.com/forms/post-order-form/</a> </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16569 Tue, 18 Jan 2011 23:40:54 +0000 Kevin Flahaut 16569@https://legacy.forums.gravityhelp.com/ <p>Hey Laura, I went back to the "fubar" form URL and got a 404 error. Can you post the updated URL for me and I'll take another look. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16560 Tue, 18 Jan 2011 20:04:04 +0000 laurabetterly 16560@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>Just tried it out. copied and pasted the code into custom.css and updated but form still has the same errors. Any other possibilities?</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/formating-issues-checkboxes-and-space-between#post-16508 Tue, 18 Jan 2011 12:05:50 +0000 Kevin Flahaut 16508@https://legacy.forums.gravityhelp.com/ <p>So, this Catalyst theme is setting 0 margins on list items and that's throwing off the form formatting. Try adding this to your custom css and it should override the theme styles.</p> <pre><code>/* correct the left margins on the checkbox and radio lists */ body .gform_wrapper .left_label ul.gfield_checkbox, body .gform_wrapper .right_label ul.gfield_checkbox, body .gform_wrapper .left_label ul.gfield_radio, body .gform_wrapper .right_label ul.gfield_radio { margin-left: 32%!important } /* correct the margins on the checkbox and radio items */ body .gform_wrapper .left_label ul.gfield_checkbox li, body .gform_wrapper .right_label ul.gfield_checkbox li, body .gform_wrapper .left_label ul.gfield_radio li, body .gform_wrapper .right_label ul.gfield_radio li, body .gform_wrapper .top_label ul.gfield_checkbox li, body .gform_wrapper .top_label ul.gfield_radio li { margin:0 0 14px 0!important } /* correct the margins on the containing list items */ body .gform_wrapper .top_label ul li.gfield, body .gform_wrapper .left_label ul li.gfield, body .gform_wrapper .right_label ul li.gfield { margin:0 0 14px 0!important } /* correct the margins on the section breaks */ body .gform_wrapper li.gfield.gsection { margin: 8px 0 16px!important; padding: 0 0 8px!important }</code></pre>