CSS to Hide Field Labels

  • Profile Image
    Asked on July 22, 2013 at 06:47 PM

    The following is a solution for user "krecicki"

    1. Label each field with the same text used for its default value

    2. Replace the current injected CSS with the following:

    #label_3, #label_4,
    #label_5, #label_5,
    #label_6, #label_7 {
    display: none;

    (Using display: none; is better than visibility: hidden; in this instance because it shortens the form's height. Here's the difference.)

    Here's a clone of my colleague's (pinoytech) form which uses the above solution. Submit it and note how the auto-response appears.

    Do let us know if you would like further assistance.

  • Profile Image
    Answered on February 04, 2016 at 10:56 AM

    When I followed this and pasted it in the CSS on jotform both the label and the input box vanished. So either jotform or this code is Fkd up. 

  • Profile Image
    Answered on February 04, 2016 at 12:24 PM

    This thread is quite old.  If you wouldn't mind creating a new thread, letting us know the form you are working, as well as which labels you are trying to hide, we will be happy to let you know the specific CSS to hide the labels in your form.