https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields Gravity Support Forums Topic: Layout of labels too far below fields en-US Sun, 19 Apr 2026 18:38:43 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-86150 Thu, 01 Nov 2012 08:42:32 +0000 Chris Hajer 86150@https://legacy.forums.gravityhelp.com/ <p>Craig, if you can show us what you did, including the code you used and a site where we can see your work, we might be able to help you. </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-86058 Thu, 01 Nov 2012 04:44:09 +0000 craigedmonds 86058@https://legacy.forums.gravityhelp.com/ <p>Hi 44 pixels.</p> <p>That looks good and I dont mean to sound like an idiot, but is there any other code needed?</p> <p>I just cannot get it to work.</p> <p>:o(</p> <p>I am not a jquery person so am not sure how to implement it.</p> <p>Kindest Regards<br /> Craig Edmonds </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-85953 Wed, 31 Oct 2012 23:42:55 +0000 44pixels 85953@https://legacy.forums.gravityhelp.com/ <p>Solved mine by creating custom jQuery code.</p> <pre><code>//#input_1_1 is the id of my advanced field Name //#input_1_2 is the id of my advanced field Address jQuery(&#39;#input_1_1 span, #input_1_2 span&#39;).each(function(){ var label = jQuery(this).children(&#39;label&#39;); var input = jQuery(this).children(&#39;input&#39;).detach(); jQuery(input).insertAfter(label); }) //#input_1_2_4 is the id that contains the dropdown and #input_1_2_4_label is the label for that dropdown jQuery(&#39;#input_1_2_4&#39;).detach().insertAfter(&#39;#input_1_2_4_label&#39;);</code></pre> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-85940 Wed, 31 Oct 2012 23:06:42 +0000 44pixels 85940@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>Have the same problem. We're talking about the sub labels of the advanced fields such as Name and Address. </p> <p>I tried to find if there's a hook for it but got no luck.</p> <p>Any recommendation? </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-85911 Wed, 31 Oct 2012 21:16:20 +0000 craigedmonds 85911@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>The labels are still showing below the inputs.</p> <p>See: <a href="http://www.screencast.com/t/AfRsPKIsm" rel="nofollow">http://www.screencast.com/t/AfRsPKIsm</a></p> <p>Lots of people get confused with the labels being underneath!</p> <p>Kindest Regards<br /> CraiGe dmonds </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-47046 Sat, 21 Jan 2012 08:41:23 +0000 Rob Harrell 47046@https://legacy.forums.gravityhelp.com/ <p>Yes, this is an option in the form settings area of the form builder:</p> <p><a href="http://grab.by/bDde" rel="nofollow">http://grab.by/bDde</a> </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-47040 Sat, 21 Jan 2012 03:46:32 +0000 Rian Rietveld 47040@https://legacy.forums.gravityhelp.com/ <p>Is it possible to get a choice for the placement of the address labels? I find that a lot of visitors are confused by the label placement under the fields. Even if the margin between input filed and label is very small.</p> <p>For some forms I returned to adding the address in separate fields, because of a lot of wrong input from the submitters. </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-43487 Thu, 08 Dec 2011 17:54:45 +0000 Rob Harrell 43487@https://legacy.forums.gravityhelp.com/ <p>Sounds good, let us know if you run into any issues. </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-43462 Thu, 08 Dec 2011 15:33:45 +0000 webnut 43462@https://legacy.forums.gravityhelp.com/ <p>Thank you Rob - I just created the form the way GravityForms makes it. Now I won't be afraid to tackle this one. I think I'll go with the Gravity Forms specifics.</p> <p>Pat </p> https://legacy.forums.gravityhelp.com/topic/layout-of-labels-too-far-below-fields#post-43420 Thu, 08 Dec 2011 08:05:59 +0000 Rob Harrell 43420@https://legacy.forums.gravityhelp.com/ <p>In your theme's style.css you have:</p> <pre><code>[css] .entry-content input { margin: 0 0 24px 0; }</code></pre> <p>That margin is causing the gap. You can either adjust that here, or get more specific with your selector when it comes to Gravity Forms, such as:</p> <pre><code>[css] .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;] { margin: 5px 0 0 0; }</code></pre>