https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-messed-up-on-woo-theme-coffee-break Gravity Support Forums Topic: Gravity Forms Styling Messed Up on Woo Theme Coffee Break en-US Sun, 19 Apr 2026 18:39:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-messed-up-on-woo-theme-coffee-break#post-144765 Fri, 08 Feb 2013 14:41:42 +0000 Kevin Flahaut 144765@https://legacy.forums.gravityhelp.com/ <p>The problem is coming from your theme's stylesheet. It's not a Gravity Forms problem per-se, it's theme styling that's the issue.</p> <p>Line 315 of your theme's style.css file sets a padding rule that's causing the visibility problem.</p> <pre><code>[css] .gform_wrapper input { padding: 7px 3px !important; }</code></pre> <p>style.css line 314 - 316 appear to be the main issues.. If you disable those you'll see that it displays properly.. at least it fits horizontally and you're labels aren't squashed to the left.</p> <p>screenshot: <a href="http://i.imgur.com/2s1y3w3.jpg" rel="nofollow">http://i.imgur.com/2s1y3w3.jpg</a></p> <p>You also have the "top label" option set but the theme overrides this and forces a left label layout. That's also causing some of your problem and it's a common complaint with the Woo Theme's. You can hit up their support team for tips on how to best override their custom theme styles. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-messed-up-on-woo-theme-coffee-break#post-144752 Fri, 08 Feb 2013 14:26:02 +0000 TechTools 144752@https://legacy.forums.gravityhelp.com/ <p>I have installed Gravity forms and created a form on the following site and the form fields are hidden behind the right side bar which is overlapping. In addition the labels are being limited to 120 px. wide, while the input areas are too wide. </p> <p><a href="http://www.professionalpunch.com/new-client-consultation-form/" rel="nofollow">http://www.professionalpunch.com/new-client-consultation-form/</a></p> <p>I used the inspect tool and cannot find any simple css fix to this. Any suggestions? Unfortunately a similar thing happened on another client site who was using Genesis Magazine and I ended up just using another form plugin. (I didn't like doing that, I don't like "cheating" on gravity forms) :-D But I had to. Any help you can give is greatly appreciated! </p>