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.

Hide field labels without hiding the actual fields

  1. LUK
    Member

    I'm looking for a way to hide field labels without hiding the actual fields. I tried positioning the labels off the screen with CSS by for example using left:-500 but the filed also goes off screen.

    The other method I used was to make the font size 0 but then the pop-up validation error messages do not show the filed name the error refers to.

    The reason why I'm hiding the labels is because the actual labels are being show as a graphic (with special font).

    Posted 8 years ago on Wednesday May 1, 2013 | Permalink
  2. Richard Vav
    Administrator

    Using something like this will target and hide just the field labels

    .gform_wrapper .gfield_label, .gform_wrapper .ginput_complex label {
        display: none !important;
    }

    You can find examples of how to target various parts of gravity forms with CSS on the following page of the documentation, http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 8 years ago on Wednesday May 1, 2013 | Permalink
  3. LUK
    Member

    Thanks Richard. Appreciate your help.

    Posted 8 years ago on Wednesday May 1, 2013 | Permalink
  4. Richard Vav
    Administrator

    You're welcome.

    Posted 8 years ago on Wednesday May 1, 2013 | Permalink

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