https://legacy.forums.gravityhelp.com/topic/theme-css-over-riding-gravity-form-css Gravity Support Forums Topic: Theme CSS over riding Gravity Form CSS en-US Mon, 20 Apr 2026 04:50:50 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/theme-css-over-riding-gravity-form-css#post-184091 Mon, 25 Mar 2013 11:19:05 +0000 Byronvale 184091@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, thanks for your help. I looked at the code you pointed out and fixed it myself. Thanks for the point in the right direction. </p> https://legacy.forums.gravityhelp.com/topic/theme-css-over-riding-gravity-form-css#post-183999 Mon, 25 Mar 2013 08:28:20 +0000 Kevin Flahaut 183999@https://legacy.forums.gravityhelp.com/ <p>WooThemes has added Gravity Forms specific styling to their themes that override the default "top label" settings. You'll want to contact the WooThemes support team for suggestions on how to best override or remove their theme styles so the default Gravity Forms styling works correctly.</p> <p>for example, if you disable this rule on line 665 of the theme's style.css file…</p> <pre><code>[css] .gform_wrapper .top_label .gfield_label { display: block; float: left; margin: 5px 0 4px !important; padding-right: 20px; width: 100px; }</code></pre> <p>you'll see that the form starts looking more like the default.. at least the top label position.</p> <p>screenshot: <a href="http://i.imgur.com/7HSXu3J.jpg" rel="nofollow">http://i.imgur.com/7HSXu3J.jpg</a></p> <p>the left float and width specification on the label in their rule is forcing the label position and the "cramped" label layout. </p> https://legacy.forums.gravityhelp.com/topic/theme-css-over-riding-gravity-form-css#post-183945 Mon, 25 Mar 2013 07:10:31 +0000 Byronvale 183945@https://legacy.forums.gravityhelp.com/ <p>When I use Gravity Form with other themes it looks great but when I use the Mainstream theme it looks like this.</p> <p><a href="http://www.byronvale.com/community-noticeboard/submit-a-community-notice/" rel="nofollow">http://www.byronvale.com/community-noticeboard/submit-a-community-notice/</a></p> <p>Everything is bold and the questions don't run horizontal above the answers. I know it's the CSS but everything I have tried changing doesn't fix it. Any suggestions where to start would be great. </p>