https://legacy.forums.gravityhelp.com/topic/form-needs-combination-of-top_label-and-left_label Gravity Support Forums Topic: Form needs combination of .top_label and .left_label en-US Sun, 19 Apr 2026 22:13:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-needs-combination-of-top_label-and-left_label#post-45054 Wed, 28 Dec 2011 09:16:24 +0000 Rob Harrell 45054@https://legacy.forums.gravityhelp.com/ <p>Try this, for the captcha label:</p> <pre><code>[css] li#field_1_22 label.gfield_label { float: none; }</code></pre> <p>For your name field, could you try just changing that via the form builder to use the simple name option, so it uses one input rather than two? </p> https://legacy.forums.gravityhelp.com/topic/form-needs-combination-of-top_label-and-left_label#post-44312 Sat, 17 Dec 2011 16:11:47 +0000 dannam 44312@https://legacy.forums.gravityhelp.com/ <p>Hey Rob,<br /> I think I see the issue... it looks like a cross browser difference. </p> <p>In FF - both pc and mac - the 3 fields of Name/Address/Captcha show .left-label so that the fields extent to the right, beyond the white content area.</p> <p>All other browers on pc, mac, ipad show the fields beneath the label.</p> <p>So, shouldn't I be able to edit these 3 fields, and put in some CSS class name to over ride the .left_label and make it .top_label so that they will display correctly in Firefox? If so, what class name should I use?</p> <p>Thank you - </p> https://legacy.forums.gravityhelp.com/topic/form-needs-combination-of-top_label-and-left_label#post-44214 Thu, 15 Dec 2011 22:53:17 +0000 Rob Harrell 44214@https://legacy.forums.gravityhelp.com/ <p>Hey Dannam, I checked out your link and it looks like Name/Address/Captcha fields have top labels. Are you saying you want those labels to be left aligned? </p> https://legacy.forums.gravityhelp.com/topic/form-needs-combination-of-top_label-and-left_label#post-44211 Thu, 15 Dec 2011 22:24:44 +0000 dannam 44211@https://legacy.forums.gravityhelp.com/ <p>URL: <a href="http://www.maidtoclean.com/request-an-estimate/" rel="nofollow">http://www.maidtoclean.com/request-an-estimate/</a></p> <p>The setting for this particular form is .left_label.<br /> However there are 3 fields (name, address &amp; captcha)that I need to changed to .top_label</p> <p>I'm facile with css. According to your documentation, it seems that I should be able to go into edit these fields &gt; advanced &gt; and input the css class name of #content .gform_wrapper .top_label .gfield_label </p> <p>But this does not achieve the desired effect. What am I missing?<br /> Thank you - </p>