https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label Gravity Support Forums Topic: Moving Description below FIeld Label en-US Mon, 20 Apr 2026 16:54:21 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22597 Tue, 05 Apr 2011 22:14:10 +0000 brokentoken 22597@https://legacy.forums.gravityhelp.com/ <p>@Kevin,</p> <p>Thanks for the information. That will get me pointed in the right direction! </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22592 Tue, 05 Apr 2011 18:43:26 +0000 Kevin Flahaut 22592@https://legacy.forums.gravityhelp.com/ <p>The easiest way to move all of the descriptions is with some jQuery scripting added to your page template. You can find more about that here.</p> <p><a href="http://www.gravityhelp.com/forums/topic/request-setting-to-place-field-descriptions-above-fields#post-12697" rel="nofollow">http://www.gravityhelp.com/forums/topic/request-setting-to-place-field-descriptions-above-fields#post-12697</a></p> <p>Changing the font on the description itself is cake, you just need to target the container properly.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {font-size:20px}</code></pre> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Input_Field_Description_Container" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Input_Field_Description_Container</a> </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22584 Tue, 05 Apr 2011 17:47:47 +0000 brokentoken 22584@https://legacy.forums.gravityhelp.com/ <p>@Kevin,</p> <p>Sure thing! You can see my contact form at <a href="http://www.brokentoken.com/contact" rel="nofollow">http://www.brokentoken.com/contact</a>. In short, I'd like to move the field descriptions above the edit boxes and change the description font so it's not so hard on the eye.</p> <p>Thank you very much! Support like this makes me feel really good about buying this product. </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22583 Tue, 05 Apr 2011 17:43:21 +0000 Kevin Flahaut 22583@https://legacy.forums.gravityhelp.com/ <p>@brokentoken if you'd care to share a URL to your form page, I would be happy to take a look for you. </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22582 Tue, 05 Apr 2011 17:39:45 +0000 brokentoken 22582@https://legacy.forums.gravityhelp.com/ <p>Jeff,</p> <p>I'm a (brand new) Gravity user, and I immediately had this same question. I need to confirm where you are adding this CSS to. You mention the custom.css in your theme folder. I've created a 'custom.css' in the base of my theme folder and inserted your code but noticed no difference in my form. I also added the CSS to my 'style.css' and still noticed no difference. I then backed both changes out and typed this up hoping for some help.</p> <p>I'm sure I'm doing something wrong, but am curious as to any pointers you can provide. Thank you! </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-22496 Tue, 05 Apr 2011 07:28:55 +0000 phirefly 22496@https://legacy.forums.gravityhelp.com/ <p>Many Thanks Jeff, I was looking for this but seems over-complex solution for something that really should be an option in the admin interface.</p> <p>I see they planned on adding it a year ago...maybe they still will! It would be good as in my option it is more readable for the user</p> <p>For me the easier solution was to align the label left. </p> https://legacy.forums.gravityhelp.com/topic/moving-description-below-field-label#post-19297 Thu, 24 Feb 2011 00:54:14 +0000 Jeff 19297@https://legacy.forums.gravityhelp.com/ <p>I found a couple places where the good people here gave users jquery code to relocate the field description to below the field name rather than below the field. The best of those I read was here:</p> <p><a href="http://www.gravityhelp.com/forums/topic/option-to-display-field-descriptions-above-field" rel="nofollow">http://www.gravityhelp.com/forums/topic/option-to-display-field-descriptions-above-field</a></p> <p>I wanted to pull the description up tighter to the field label and pull it away from the field, so added this css to my custom.css file then uploaded to my server in the theme's folder:</p> <pre><code>.gform_wrapper .gfield_description { padding: 0 0 0; }</code></pre> <p>Just in case this might be helpful to someone, until the developers create push button control for this action.</p> <p>(Other threads were closed, so posted new, add this to one of those if you like, don't mean to clutter.) </p>