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.

Sub-Labels Need to Appear Above Fields

  1. hypergolica

    On the following page, the sub-labels are appearing far below the fields, which causes a great deal of confusion:

    How do I get them to sit above the labels? Please advise.

    Thank you.


    Posted 10 years ago on Monday June 24, 2013 | Permalink
  2. Tim,

    If you want to move sublabels you'll need to rely on some jQuery to do so. See this:

    Or you can use this CSS fix below to override the theme style that's placing a bottom margin on your inputs.

    Just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).

    .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
    margin-bottom: 0;
    Posted 10 years ago on Tuesday June 25, 2013 | Permalink
  3. hypergolica

    Got it. Many thanks, Rob!


    Posted 10 years ago on Wednesday June 26, 2013 | Permalink
  4. hypergolica

    The CSS worked like a charm! Many thanks again.

    Posted 10 years ago on Wednesday June 26, 2013 | Permalink
  5. dvent

    Hi Rob,

    The JQuery code you posted doesn't seem to work with the latest Gravity Forms release, or I'm using it wrong. Can you advise if it should work and where I should paste it if so?


    Posted 10 years ago on Tuesday July 2, 2013 | Permalink
  6. Richard Vav

    If you still require assistance with this please open a new support ticket or a priority support ticket if you are a developer license holder. Thank you.

    Posted 10 years ago on Friday July 26, 2013 | Permalink

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