PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Moving Description below FIeld Label

  1. Jeff
    Member

    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:

    http://www.gravityhelp.com/forums/topic/option-to-display-field-descriptions-above-field

    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:

    .gform_wrapper .gfield_description {
       padding: 0 0 0;
    }

    Just in case this might be helpful to someone, until the developers create push button control for this action.

    (Other threads were closed, so posted new, add this to one of those if you like, don't mean to clutter.)

    Posted 13 years ago on Thursday February 24, 2011 | Permalink
  2. phirefly
    Member

    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.

    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

    For me the easier solution was to align the label left.

    Posted 13 years ago on Tuesday April 5, 2011 | Permalink
  3. Jeff,

    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.

    I'm sure I'm doing something wrong, but am curious as to any pointers you can provide. Thank you!

    Posted 13 years ago on Tuesday April 5, 2011 | Permalink
  4. @brokentoken if you'd care to share a URL to your form page, I would be happy to take a look for you.

    Posted 13 years ago on Tuesday April 5, 2011 | Permalink
  5. @Kevin,

    Sure thing! You can see my contact form at http://www.brokentoken.com/contact. 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.

    Thank you very much! Support like this makes me feel really good about buying this product.

    Posted 13 years ago on Tuesday April 5, 2011 | Permalink
  6. 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.

    http://www.gravityhelp.com/forums/topic/request-setting-to-place-field-descriptions-above-fields#post-12697

    Changing the font on the description itself is cake, you just need to target the container properly.

    [css]
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {font-size:20px}

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Input_Field_Description_Container

    Posted 13 years ago on Tuesday April 5, 2011 | Permalink
  7. @Kevin,

    Thanks for the information. That will get me pointed in the right direction!

    Posted 13 years ago on Wednesday April 6, 2011 | Permalink

This topic has been resolved and has been closed to new replies.