https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working Gravity Support Forums Topic: Quick CSS Help (Thirds CSS Class not working) en-US Mon, 20 Apr 2026 08:25:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76365 Wed, 19 Sep 2012 16:19:34 +0000 Rob Harrell 76365@https://legacy.forums.gravityhelp.com/ <p>No problem man, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76363 Wed, 19 Sep 2012 16:14:18 +0000 robgranholm 76363@https://legacy.forums.gravityhelp.com/ <p>The first piece worked...trying this<br /> <pre><code>#gform_wrapper_6 .gform_footer { float:right}</code></pre> <p>...made the border not go around the form, so I dropped it out, and just left the submit button underneath, which I think will be workable. </p> <p>Where can I buy you a beer? Thank you!</p> <p>-r </p> https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76361 Wed, 19 Sep 2012 16:10:27 +0000 robgranholm 76361@https://legacy.forums.gravityhelp.com/ <p>Implementing right away! </p> https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76360 Wed, 19 Sep 2012 16:08:39 +0000 Rob Harrell 76360@https://legacy.forums.gravityhelp.com/ <p>It looks like these two selectors (padding-left) are the cause:</p> <pre><code>[css] .art-post ul &gt; li { background-image: url(&#39;images/postbullets.png&#39;); background-repeat: no-repeat; padding-left: 13px; overflow-x: visible; overflow-y: hidden; } .art-post li { font-size: 11px; color: #949494; padding: 0 0 0 13px; }</code></pre> <p>You should be able to use this:</p> <pre><code>[css] .gform_wrapper ul li.gfield { padding-left: 0; }</code></pre> <p>For the submit button - usually floating the footer does the trick. So you could target this form's footer:</p> <pre><code>[css] #gform_wrapper_6 .gform_footer {}</code></pre> https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76358 Wed, 19 Sep 2012 16:04:31 +0000 robgranholm 76358@https://legacy.forums.gravityhelp.com/ <p>PS.</p> <p>I'd also like the submit button on the right end, not a new line, but have no idea how to get that done either.</p> <p>Willing to learn... </p> https://legacy.forums.gravityhelp.com/topic/quick-css-help-thirds-css-class-not-working#post-76357 Wed, 19 Sep 2012 16:03:58 +0000 robgranholm 76357@https://legacy.forums.gravityhelp.com/ <p>Hi, </p> <p>I'm working ontop of another developers custom themed CSS.</p> <p>I can't get the CSS classes for thirds to show up on my gravity form. I was hoping someone could help me pinpoint what to change to get these elements cleaned up. Whatever I seem to do, the third item appears on another line.</p> <p>The example can be found after the post here: <a href="http://www.lineleoff.com/2012/09/bite-me/" rel="nofollow">http://www.lineleoff.com/2012/09/bite-me/</a></p> <p>The entire CSS file for the theme is here: <a href="http://pastebin.com/pHyBhs04" rel="nofollow">http://pastebin.com/pHyBhs04</a> </p>