https://legacy.forums.gravityhelp.com/topic/checkboxes-not-displaying-vertically-staggered Gravity Support Forums Topic: Checkboxes not displaying vertically... staggered en-US Mon, 20 Apr 2026 03:24:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkboxes-not-displaying-vertically-staggered#post-11804 Fri, 29 Oct 2010 16:03:55 +0000 Carl Hancock 11804@https://legacy.forums.gravityhelp.com/ <p>That would be the Firebug extension for FireFox. Safari and Chrome also have their own developer tools that provide similar functionality but Firebug is probably the best of the browser tools for this. </p> https://legacy.forums.gravityhelp.com/topic/checkboxes-not-displaying-vertically-staggered#post-11802 Fri, 29 Oct 2010 15:58:49 +0000 peterwordfresh 11802@https://legacy.forums.gravityhelp.com/ <p>I disabled that margin code, and everything is working beautifully. Thanks for your help. :) What tool are using in that screenshot to see the CSS? </p> https://legacy.forums.gravityhelp.com/topic/checkboxes-not-displaying-vertically-staggered#post-10960 Sat, 09 Oct 2010 13:54:51 +0000 Kevin Flahaut 10960@https://legacy.forums.gravityhelp.com/ <p>The inputs are inheriting a margin property from your theme and that's causing the issue. There is a blanket margin of 10px applied to all inputs on line 180 of your style-default.css file. That's causing the floated elements to display incorrectly.</p> <p>If you disable that rule, or override that rule, you'll see that the formatting is corrected.</p> <p><a href="http://grab.by/grabs/15b317ad8c10334350fb5dacf935f2a9.png" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/checkboxes-not-displaying-vertically-staggered#post-10958 Sat, 09 Oct 2010 12:24:42 +0000 peterwordfresh 10958@https://legacy.forums.gravityhelp.com/ <p>I have several forms on this site, and any that include multiple choice or checkboxes are displaying like a staircase instead of vertically aligning. Not sure why this is happening, but I did check the "&lt;ul &gt;" tags and the HTML looks correct. The problem seems to be with CSS. Every other list on the site using the theme's CSS is displaying correctly. Hope that makes sense. Any idea what's going wrong?</p> <p>Example of the problem: <a href="http://mosaicny.org/prayer/" rel="nofollow">http://mosaicny.org/prayer/</a><br /> Example of non-gforms list: <a href="http://mosaicny.org/leadership/training/" rel="nofollow">http://mosaicny.org/leadership/training/</a></p> <p>Here is the theme ul li code: <a href="http://www.pastie.org/1209764" rel="nofollow">http://www.pastie.org/1209764</a></p> <p>Gravity Forms version 1.4.3.1 </p>