https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-woes Gravity Support Forums Topic: Gravity Forms CSS Woes en-US Tue, 21 Apr 2026 05:33:31 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-woes#post-20299 Wed, 09 Mar 2011 19:59:09 +0000 Kevin Flahaut 20299@https://legacy.forums.gravityhelp.com/ <p>My pleasure. I'm glad that got you fixed up. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-woes#post-20297 Wed, 09 Mar 2011 19:31:24 +0000 silversentinel 20297@https://legacy.forums.gravityhelp.com/ <p>Whoa it worked! You're amazing.</p> <p>Thanks for your sharp eye and assistance Kevin! </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-woes#post-20233 Wed, 09 Mar 2011 14:02:00 +0000 Kevin Flahaut 20233@https://legacy.forums.gravityhelp.com/ <p>The problem is inheritance from your theme styles. Line 252 of your theme's style.css sets a left padding on all list items in the content section. That's causing the size discrepancy and the odd floating of the fields.</p> <pre><code>#content ul li { background: url(&quot;images/list.gif&quot;) no-repeat scroll 5px 7px transparent; padding: 0 0 0 25px; }</code></pre> <p>if you turn that off, you'll see the formatting looks correct. </p> <p>screenshot: <a href="http://grab.by/9nwE" rel="nofollow">http://grab.by/9nwE</a></p> <p>Try adding this to the end of your theme stylesheet and it should override that rule.</p> <pre><code>#content .gform_wrapper ul li { padding: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-woes#post-20228 Wed, 09 Mar 2011 13:48:12 +0000 silversentinel 20228@https://legacy.forums.gravityhelp.com/ <p>Hi hello everyone,</p> <p>I'm new to gravity forms. In fact I only heard about it 2 days ago. Am using v1.5rc4.2</p> <p>I tried to create a form at <a href="http://noblemaids.com/request-for-maid/" rel="nofollow">http://noblemaids.com/request-for-maid/</a><br /> using the<br /> gf_left_half gf_right_half for Name &amp; Nationality, Email &amp; Phone<br /> gf_left_third gf_middle_third gf_right_third for Residence, No. of Rooms &amp; Locality<br /> etc</p> <p>If I try to submit the form without filling in, the validation css actually puts Email &amp; Phone on the same line etc. Some other fields will still be out of place.</p> <p>Can any bright minds please enlighten me on how I should resolve the issue?<br /> Your help is really much appreciated.</p> <p>Thank you! </p>