https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly Gravity Support Forums Topic: Form displaying incorrectly en-US Mon, 20 Apr 2026 06:32:49 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46566 Tue, 17 Jan 2012 10:20:15 +0000 Rob Harrell 46566@https://legacy.forums.gravityhelp.com/ <p>Great! Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46564 Tue, 17 Jan 2012 09:59:22 +0000 vedotz 46564@https://legacy.forums.gravityhelp.com/ <p>Works!!!!<br /> Thanks Rob! </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46563 Tue, 17 Jan 2012 09:54:04 +0000 Rob Harrell 46563@https://legacy.forums.gravityhelp.com/ <p>You should be able to drop that in just before the closing &lt;/head&gt; tag. See what happens when you do that. </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46562 Tue, 17 Jan 2012 09:46:11 +0000 vedotz 46562@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,<br /> Thanks for your reply.<br /> I have the Output CSS option enabled and I can't find &lt;?php wp_head(); ?&gt; in (header.php) nor (index.php)</p> <p>What can I do? </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46555 Tue, 17 Jan 2012 08:05:52 +0000 Rob Harrell 46555@https://legacy.forums.gravityhelp.com/ <p>Yes, it looks like the GF CSS is not coming through. Firstly, do you have the Output CSS option selected in the form settings? Second, if so, does your theme include "&lt;?php wp_head(); ?&gt;" in it? </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46534 Mon, 16 Jan 2012 23:00:47 +0000 vedotz 46534@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,<br /> I have the same problem but I can't see the CSS for the gforms in my main CSS sheet. Here is the form. <a href="http://tomicinternetmarketing.com/contact" rel="nofollow">http://tomicinternetmarketing.com/contact</a><br /> Please help </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46431 Sun, 15 Jan 2012 13:29:19 +0000 Rob Harrell 46431@https://legacy.forums.gravityhelp.com/ <p>Hey Jussi,</p> <p>In your theme's stylesheet, it looks like you have a Gravity Forms section of styles:</p> <p><a href="http://www.fva.net/wp-content/themes/canvas/style.css" rel="nofollow">http://www.fva.net/wp-content/themes/canvas/style.css</a></p> <p>You have this:</p> <pre><code>[css] .gform_wrapper .top_label .gfield_label { display: block; float: left; padding-right: 20px; width: 100px; margin: 5px 0px 4px !important; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; }</code></pre> <p>The float and width here is what is causing your squish. I say just get rid of the block altogether, but not sure what your style intent/goal is. Let me know if you need anymore guidance. </p> https://legacy.forums.gravityhelp.com/topic/form-displaying-incorrectly#post-46430 Sun, 15 Jan 2012 13:03:57 +0000 fvatech 46430@https://legacy.forums.gravityhelp.com/ <p>I'm a newbie with Gravity Forms and I've created my first Gravity Form found at<br /> <a href="http://www.fva.net/fva/fva-teacher-awards/awards-form/" rel="nofollow">http://www.fva.net/fva/fva-teacher-awards/awards-form/</a></p> <p>As you can see, the formatting on the first step of the form is already goofy. The question is squished into a very narrow column-like area on the left. This problem continues on subsequent pages and gets worse when there is more than one field.</p> <p>Thank you in advance for your help!<br /> Jussi Doherty </p>