How to remove extra space in headers?

  • phonefixers
    Asked on February 26, 2017 at 1:59 PM

    when i embed the form on my site i have this extra space which i really dont need. how doi remove this extra space?

    Jotform Thread 1076491 Screenshot
  • Mike_G JotForm Support
    Replied on February 26, 2017 at 3:32 PM

    To remove or to reduce line spacing in your form, I suggest you do the following.

    Click the Form Designer button,

    How to remove extra space in headers? Image 1 Screenshot 40

    Then, under the Styles tab, change the value of the Question Spacing option to your own preference.

    How to remove extra space in headers? Image 2 Screenshot 51

    Or access the Advanced Designer page by clicking the ADVANCED DESIGNER button from the Form Designer wizard to change the "Line Spacing" or "Vertical Padding" under LINE LAYOUT of the Design Tab.

    How to remove extra space in headers? Image 3 Screenshot 62

    I hope this helps. Please feel free to let us know if you need any further assistance.

    Thank you.

  • phonefixers
    Replied on March 2, 2017 at 3:16 PM

    THIS did not help

  • John_Benson
    Replied on March 2, 2017 at 6:25 PM

    Please inject this custom CSS code to your form:

    .supernova .form-all, .form-all { 

        padding: 0px !important; 

    .jotform-form { 

        padding: 0px !important; 

    Here's the guide on How-to-Inject-Custom-CSS-Codes.

    I have tested this custom CSS on a cloned form and I can verify that it is working. It will decrease the extra space that you're referring to. Here's the link: https://form.jotform.com/70606786347970.

    How to remove extra space in headers? Image 1 Screenshot 20

    If the issue persists, please provide the website URL where you embedded your form so we can investigate it further.

    Thank you.