JotForm User Guide / How to Create Better Forms /

How to Reduce Vertical Spacing Between Fields

How to Reduce Vertical Spacing Between Fields

Sometimes, fitting up your form is necessary for your website design. So for example, our default form field spacing is like this:

... and you might want something like this:


In order to accomplish that, follow these steps:

Step 1 - In the form builder, please click the Form Designer button:

Step 2 - Navigate to Styles tab and change the value of the Question Spacing section. You can set it to your preferred size:

Questions? Post it in the comments box below or post the question to our support forum.

Send Comment


  • born

    Try -1 / -2 / -3, etc.

  • ghines

    No matter what value I place in "Question Spacing" the spacing remains the same.

  • RayGazley

    Does anyone know how to reduce the space between the frame/start of the form?
    When I insert the form into my website the gap between the end of text (HTML on page) and the form pushes it below the fold (or off the screen). People then have to scroll to find it...
    I can't work out how to do this bit... any suggestions? Thanks!

  • aclayman93

    I have tried reducing to 1 on my communication authorization form. However, the vertical spacing on the form still seems very wide. Didn't compress it at all. Thanks in advance.

  • OneExperience

    Thanks........ very thanks!

  • retailinsights

    i have a problem i am alien text box and select box in 1 row vertically but it is not working can you solve my problem pleas....

  • NotNeeded

    I use JotForm and I love it! I am a web designer and use it for many customers as well. However, the image above with the hand-drawn red arrows (are these made in PAINT?) shown above, looks extremely, extremellllly unprofessional. Just sayin'. JotForm is cool, so you should maintain your awesomeness by swapping out that pic sometime with something that looks better. :)

  • blampl

    Thanks. I reduced it as much as possible. Now is there a way to move the arrow down and a little more to the left. But don't want it right next to the cover image.

  • dave8147

    I have reduced the vertical spacing on my form I think ok but the area to the right and left of the questions when placed on my web site is execcsivly wide for the side bar I cant find a way of reducing the large area around it see thx

  • Spiegel Yonina

    I am trying to reduce the spacing on my form and I don't see how you got to an edit page looking like this. I can edit my form in a table/chart view all in gray-scale or from edit from which only allows me to duplicate or delete a field. If you can please reply and explain how I can get to the Printscreen option you show I would really appreciate it.
    Thank you.

  • ddfcform

    Question spacing now shows
    12px 36px 12px 36px
    instead of the 3 in the example.