https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned Gravity Support Forums Topic: Top Aligned showing up as Left Aligned en-US Sat, 04 Apr 2026 06:16:40 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29714 Mon, 11 Jul 2011 17:30:27 +0000 Kevin Flahaut 29714@https://legacy.forums.gravityhelp.com/ <p>Thanks for sharing that. Woo was apparently trying to add custom styling so the form styles matched the theme's in what they felt was the best manner. </p> <p>The intentions were good, but overriding the default options causes some extra grief for many folks. We're going to work with them to try to figure it out and make it a little easier for everyone moving forward. </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29711 Mon, 11 Jul 2011 17:25:38 +0000 tonydbaker 29711@https://legacy.forums.gravityhelp.com/ <p>Out of 4 different answers in their forums, I finally found this. </p> <p>Simply DELETE this from style.css in your woothemes.</p> <p><code>.gform_wrapper .top_label .gfield_label{display:block;float:left;margin:5px 0 4px !important;padding-right:20px;width:80px;}</code></p> <p>It's in a section called /* Gravity forms */</p> <p>I don't know why they even have it in there to begin with! :)</p> <p>Thanks for all your help though. Hopefully this will benefit someone else some unwanted frustration! </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29678 Mon, 11 Jul 2011 16:09:03 +0000 Kevin Flahaut 29678@https://legacy.forums.gravityhelp.com/ <p>Tony,</p> <p>This is what you would add to change the width of the labels.</p> <pre><code>[css] body .gform_wrapper .top_label .gfield_label { width:150px; }</code></pre> <p>That said, it's going to open a bunch of other doors like should you text-align all of the labels to the right <a href="http://bit.ly/n6XBkc" rel="nofollow">so they look right</a> and on the second page, increasing the label width somehow was causing the textarea to be hidden partially.. at least in Firefox.</p> <p>All of this would be to basically reset your form layout to what already exist as default options. Personally, I would strip the Gravity Forms specific CSS from your theme files, let it reset to the default layout and options, then tweak if needed from there. Again, if you're not sure about it, get in touch with the Woo Themes support team and they can offer some guidance. </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29652 Mon, 11 Jul 2011 13:03:36 +0000 tonydbaker 29652@https://legacy.forums.gravityhelp.com/ <p>I don't know why I neglected to add that. I appreciate your help.</p> <p><a href="http://tonydbaker.com/quick-survey/" rel="nofollow">http://tonydbaker.com/quick-survey/</a> </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29650 Mon, 11 Jul 2011 12:59:38 +0000 Kevin Flahaut 29650@https://legacy.forums.gravityhelp.com/ <p>It will be easier if you can share a link to your form page with me. If so, I can give you a specific CSS snippet to get you started. </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29641 Mon, 11 Jul 2011 12:41:02 +0000 tonydbaker 29641@https://legacy.forums.gravityhelp.com/ <p>Wow, you were spot on. It's fresh news by woothemes. I can override their default css if you can point me in the right direction. I don't mind the left aligned if I can simply widen the left column so that there are more than 2 words per line. ;-) </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29636 Mon, 11 Jul 2011 12:33:22 +0000 Kevin Flahaut 29636@https://legacy.forums.gravityhelp.com/ <p>Without seeing the actual form where I can inspect the markup and styles, I'm going to take a shot in the dark and say it's a Woo Theme right? If so, their built in theme styles override the label position options in Gravity Forms and only allow for the left floated labels.</p> <p>If it IS a Woo Theme, you'll want to contact their support team for guidance on how to best reset the default form styles. </p> https://legacy.forums.gravityhelp.com/topic/top-aligned-showing-up-as-left-aligned#post-29633 Mon, 11 Jul 2011 12:27:25 +0000 tonydbaker 29633@https://legacy.forums.gravityhelp.com/ <p>For some reason, my survey is showing up as Left Aligned, even though it is set to Top Aligned.</p> <p>I've even tried adding gf_inline to the fields.</p> <p><a href="http://screencast.com/t/p5SjvLql" rel="nofollow">http://screencast.com/t/p5SjvLql</a></p> <p>By the way. It shows up correctly in the preview. It only does this in the live survey.</p> <p>Any ideas? </p>