What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Setting the labels to sit on their fields instead of floating high above them

    Asked by galesna on August 26, 2015 at 03:01 PM
    2. The label questions are too high up and touching the box above it, I need it to rest on the box below it, not above it.
    label label position layout
  • Profile Image

    Answered by Ben on August 26, 2015 at 03:15 PM

    If you want the label to rest on the input box - for me this means touching its border - you should add this code to your form:

    label.form-label.form-label-top {
        margin-bottom: -3px;
        margin-left: 4px;
    }

    If that is too much for you, just change -3px to -2px or higher and it will show a white line between.

    The margin-left in there is to move the label text to avoid the top-left border radius as it seems a bit nicer to me - style wise.

    You can add it to your form by following the steps here: Inject Custom CSS Codes

    - just make sure that your CSS is added at the bottom of all other CSS codes (under all of them) in your form.

    Do let us know how it goes.