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.

Reduce padding for field labels

  1. I've been using Firebug to try to find the right CSS to target, and have come up empty. I need to get the field label moved up closer to the field input. For example, I need "First" to be moved up closer to the first name entry box. I'd like to do this for all of the field labels in the form.
    My form is viewable here:
    http://seasonshospice.org/join-our-team/career-opportunities/application-form/

    The example field label can be viewable here: http://grab.by/kBMu

    Thanks,
    Bruce

    Posted 11 years ago on Monday March 11, 2013 | Permalink
  2. rcDev
    Member

    .gform_wrapper .ginput_complex label{
    line-height: 1; // this is the important one
    margin-top: 0;
    }
    Posted 11 years ago on Monday March 11, 2013 | Permalink
  3. Thanks!
    That send me on the right track.

    I ended up using the below. Although if I have time, I still need to tweak the bottom padding so the field description is not right on the entry field below it.

    .gform_wrapper .ginput_complex label{
    	line-height: 1 !important; // this is the important one
    	margin-top: 0;
    }
    
    .gform_wrapper .gfield_description {
        padding: 0px !important;
      	line-height: 1 !important;
    
    }
    Posted 11 years ago on Monday March 11, 2013 | Permalink
  4. rcDev
    Member

    Yeah. Throw some bottom margin on that label.

    Posted 11 years ago on Monday March 11, 2013 | Permalink

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