Hide Form Labels

  • vickileblanc
    Asked on September 6, 2014 at 11:43 AM

    Hello,

    Your support team helped me with my form earlier this year and I am having trouble trying to figure out how to hide the labels.  Where / how do you insert css / html to wrap around the label?

    Also, what is the best way to insert more entry lines that will be captured in the Total calculation field?

    Thank you,

    Vicki

  • Elton Support Team Lead
    Replied on September 6, 2014 at 7:29 PM

    Hi Vicki,

    To hide the form labels, simply inject the following CSS codes to your form.

    .form-label-left, .form-label-top, .form-label-right{

    display:none;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Hope this helps!

    P.S. We'll answer your other question into a separate thread shortly. Thanks!

  • mindandbodycodingsystems
    Replied on February 4, 2016 at 11:02 AM

    Not helpful as all the other people on your site offering similar code snippets. This showed the labels gone in the theme, but still showing after saving and on my site where I have my form.  Either jotform or these codes are messed up. 

  • David JotForm Support
    Replied on February 4, 2016 at 12:27 PM

    I believe I followed up in your other thread here:

    http://www.jotform.com/answers/247169-CSS-to-Hide-Field-Labels#2

    Please create a new thread letting us know which form you are working one, as well as the URL of the page it is embedded to and we will be happy to give you the proper CSS to hide the fields.