https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns Gravity Support Forums Topic: Form displays as two narrow columns en-US Mon, 20 Apr 2026 01:24:21 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns#post-11223 Thu, 14 Oct 2010 16:43:58 +0000 UnitedWayErie 11223@https://legacy.forums.gravityhelp.com/ <p>That did it! Thanks a lot....I never realized the theme I'm using already was coded for Gravity Forms.</p> <p>Really really appreciate the help! </p> https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns#post-11217 Thu, 14 Oct 2010 16:24:34 +0000 Carl Hancock 11217@https://legacy.forums.gravityhelp.com/ <p>The issue is your WooThemes theme has hardcoded the label placement in it's stylesheet.</p> <p>You need to edit your themes style.css file and change line number 469 which looks like this:</p> <p><code>.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }</code></p> <p>Change it to this:</p> <p><code>.gform_wrapper .top_label .gfield_label { display:block;padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }</code></p> <p>This should fix the issue. Your theme is telling it to float the field label to the left, so that needs to be removed. </p> https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns#post-11215 Thu, 14 Oct 2010 16:17:32 +0000 UnitedWayErie 11215@https://legacy.forums.gravityhelp.com/ <p>Thanks for the quick reply. However, I think now I'm even more confused. I double checked my form settings and see that the Label Placement is already set to Top Aligned...and yet they're showing on the left. Like I mentioned, everything looks fine in the "Form Preview" mode. But they're definitely showing up differently in the actual site. </p> https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns#post-11212 Thu, 14 Oct 2010 16:09:44 +0000 Carl Hancock 11212@https://legacy.forums.gravityhelp.com/ <p>You aren't doing anything wrong. Gravity Forms uses the available content space to output the form. Your available content space is fairly narrow and so the left aligned field labels don't have as much space to work with so the text wraps.</p> <p>If you are using long field labels you should use top align field labels instead of left align field labels. Then you don't have the space issue. Left aligned field labels are only typically useful when the field labels are short and to the point (ex. Name, Email, Phone, etc.). If you are asking questions, top align labels make more sense.</p> <p>You can change your field label placement by editing your form settings and selecting top aligned from the Label Placement option.</p> <p>See this screenshot: <a href="http://grab.by/6RZk" rel="nofollow">http://grab.by/6RZk</a> </p> https://legacy.forums.gravityhelp.com/topic/form-displays-as-two-narrow-columns#post-11209 Thu, 14 Oct 2010 16:03:41 +0000 UnitedWayErie 11209@https://legacy.forums.gravityhelp.com/ <p>This is a newbie questions. My apologies if it's a stupid one.</p> <p>I just started using the plugin and tried creating a volunteer form (<a href="http://liveunitederie.org/take-action/volunteer/volunteers-needed)" rel="nofollow">http://liveunitederie.org/take-action/volunteer/volunteers-needed)</a>. When I previewed the form, everything looked great. But when it's embedded, the form displays with each questions in a narrow column on the left and the input space in a wider column on the right. This ends up looking really bad as the questions get a little longer and end up only having space for 1-2 words per line.</p> <p>Can someone help me understand what I'm doing wrong? Thanks! </p>