https://legacy.forums.gravityhelp.com/topic/form-css-not-displaying-label-placements-correctly Gravity Support Forums Topic: Form CSS not displaying label placements correctly en-US Sun, 12 Apr 2026 23:36:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-css-not-displaying-label-placements-correctly#post-44824 Thu, 22 Dec 2011 17:30:42 +0000 Rob Harrell 44824@https://legacy.forums.gravityhelp.com/ <p>Great, thanks for letting us know! </p> https://legacy.forums.gravityhelp.com/topic/form-css-not-displaying-label-placements-correctly#post-44817 Thu, 22 Dec 2011 15:42:09 +0000 lumigrow 44817@https://legacy.forums.gravityhelp.com/ <p>Thank you! Case resolved. </p> https://legacy.forums.gravityhelp.com/topic/form-css-not-displaying-label-placements-correctly#post-44766 Wed, 21 Dec 2011 22:12:09 +0000 Rob Harrell 44766@https://legacy.forums.gravityhelp.com/ <p>Hey there, it looks like your theme is making some generic CSS calls. For example in your style.css you have:</p> <pre><code>[css] label { margin-top: 5px; padding-right: 15px; float: left; width: 150px; } form li span { color: #444; float: left; margin: 0 4px 0 0; padding: 0 0 14px; }</code></pre> <p>We need to remove the floats. Try placing this into your theme's stylesheet, this will affect only Gravity Forms so you can retain the above styles if they are in use elsewhere.</p> <pre><code>[css] .gform_wrapper .top_label .gfield_label { float: none !important; } .gform_wrapper .gfield_required { float: none !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-css-not-displaying-label-placements-correctly#post-44764 Wed, 21 Dec 2011 21:57:48 +0000 lumigrow 44764@https://legacy.forums.gravityhelp.com/ <p>My forms aren't showing up correctly on my site. The 'top-aligned' label placement isn't displaying as it should.<br /> I also cannot figure out how to move the required label asteriks to the right of the words.</p> <p><a href="http://www.lumigrow.com/support/support-request/" rel="nofollow">http://www.lumigrow.com/support/support-request/</a> </p>