https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42 Gravity Support Forums Topic: Alignment Problems CSS Ready Class - 1.5RC4.2 en-US Sat, 04 Apr 2026 12:19:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-22273 Fri, 01 Apr 2011 15:39:12 +0000 Kevin Flahaut 22273@https://legacy.forums.gravityhelp.com/ <p>Okay, cool. Thanks for the updates. </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-22272 Fri, 01 Apr 2011 15:38:32 +0000 Emerson 22272@https://legacy.forums.gravityhelp.com/ <p>I think I was able to fix it by using:<br /> <pre><code>[css] body #gform_wrapper_1 {width:500px; margin:10px auto;}</code></pre> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-22266 Fri, 01 Apr 2011 15:22:12 +0000 Emerson 22266@https://legacy.forums.gravityhelp.com/ <p>That snippet worked; thank you. Another things is, there seems to be some extra spacing in the columns. What can I do to control this? </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-22261 Fri, 01 Apr 2011 14:51:45 +0000 Kevin Flahaut 22261@https://legacy.forums.gravityhelp.com/ <p>The snippet above didn't work for you because your markup isn't structured the same. Your problem is a blanket CSS padding &amp; margin rule applied to all list items by your theme (see line 96 &amp; 98 of your style.css file). If that's disabled, you'll notice that the form layout works as intended.</p> <p>screenshot: <a href="http://grab.by/9MCM" rel="nofollow">http://grab.by/9MCM</a></p> <p>Try adding this to the end of your theme stylesheet. It should override the previous rules and reset everything for you.</p> <pre><code>[css] body .gform_wrapper ul li {margin:0; padding:0}</code></pre> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-22255 Fri, 01 Apr 2011 12:49:31 +0000 Emerson 22255@https://legacy.forums.gravityhelp.com/ <p>Hi, I tried this fix for a page that I am working on. However, I did not work for me. Can you please let me know what I should do?</p> <p><a href="http://rosariogsicuranza.claimyourleads.info/case-review-evaluation-form" rel="nofollow">http://rosariogsicuranza.claimyourleads.info/case-review-evaluation-form</a> </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-20803 Fri, 18 Mar 2011 02:38:30 +0000 Kevin Flahaut 20803@https://legacy.forums.gravityhelp.com/ <p>My pleasure. Have a great morning. </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-20802 Fri, 18 Mar 2011 01:11:11 +0000 rcgroup 20802@https://legacy.forums.gravityhelp.com/ <p>Epic customer service - Thanks, no more questions for now </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-20801 Fri, 18 Mar 2011 00:52:32 +0000 Kevin Flahaut 20801@https://legacy.forums.gravityhelp.com/ <p>Yep, the UL is inheriting a border property from line 288 of the style.css file. Try adding this to whip it into submission.</p> <pre><code>[css] body .entry .gform_wrapper .gform_body ul {border:none}</code></pre> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-20799 Fri, 18 Mar 2011 00:47:07 +0000 rcgroup 20799@https://legacy.forums.gravityhelp.com/ <p>Awesome - it worked perfectly, thank you !</p> <p>Do you have any idea how to remove the 2 lines underneath the form Title and above the multiple choice field ? </p> https://legacy.forums.gravityhelp.com/topic/alignment-problems-css-ready-class-15rc42#post-20797 Fri, 18 Mar 2011 00:43:10 +0000 Kevin Flahaut 20797@https://legacy.forums.gravityhelp.com/ <p>If it works fine in the form preview and not in the page itself, then it's a style issue coming from your theme. The form is inheriting a padding property from line 1405 of your themes style.css file.</p> <pre><code>[css] .entry ul li { list-style-type: none; padding: 3px 0 3px 10px; }</code></pre> <p>You can try to override that by using some CSS inheritance. Try adding this to the end of your themes style.css file. It worked fine in my test.</p> <pre><code>[css] body .entry .gform_wrapper .gform_body ul.gform_fields li.gfield {padding:0}</code></pre> <p>screenshot: <a href="http://grab.by/9xJ1" rel="nofollow">http://grab.by/9xJ1</a> </p>