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

    How to reduce the space between the header and first input field of my form?

    Asked by terrafertile on September 11, 2014 at 12:45 PM


    I´d like to reduce the space between the header and the first question of my form.

    Can I have some help, please?

    Thanks a lot.




  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on September 11, 2014 at 02:29 PM

    Please insert this custom CSS code in your form, using this guide

    .form-header-group, .form-header-group + .form-header-group {
        border-top: 0px none;
        padding-bottom: 10px;

    .form-line {
        padding-top: 0px;
        padding-bottom: 10px;

  • Profile Image

    Answered by terrafertile on September 13, 2014 at 10:35 PM

    Hi Jeanette.

    I pasted these codes in the Inject Custom CSS field but nothing changed.



  • Profile Image
    JotForm Support

    Answered by Welvin on September 14, 2014 at 09:38 AM

    Hi Barbara,

    Use the following custom CSS codes:

    li#id_20 {

    margin-top: -40px !important;



    If you want to adjust the spacing between the bottom border of the header and the text, inject the the following custom CSS codes:

    h2.form-header {

    margin-bottom: -15px !important;


    The output should be like this when the two sets of custom CSS codes are injected to your form:


    Thank you!