Hide Form Labels

  • Profile Image
    vickileblanc
    Asked on September 06, 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

  • Profile Image
    EltonCris
    Answered on September 06, 2014 at 07: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!

  • Profile Image
    mindandbodycodingsystems
    Answered on February 04, 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. 

  • Profile Image
    david
    Answered on February 04, 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.