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

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

    Hi.

    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.

    Bárbara.

     

     

    Jotform Thread 427321 Screenshot
  • Jeanette JotForm Support
    Replied on September 11, 2014 at 2: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;
    }

  • terrafertile
    Replied on September 13, 2014 at 10:35 PM

    Hi Jeanette.

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

    Barbara

     

  • Welvin Support Team Lead
    Replied on September 14, 2014 at 9: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:

    How to reduce the space between the header and first input field of my form? Image 1 Screenshot 20

     

    Thank you!