How to Reduce Vertical Spacing Between Fields

June 1, 2022

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

jotform-form-with-default-spacing

And you might want something like the following, a compact spacing:

jotform-form-with-compact-spacing

To accomplish that, please follow these steps:

  1. In the form builder, click the Form Designer icon.
jotform-form-designer-icon
  1. Navigate to the Styles tab.
  2. Change the value of the Question Spacing section.
jotform-form-designer-question-spacing

You can further customize the spacing with custom CSS codes. Please visit the following user guide for the details.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Barbara_bslack
  • born
  • info@esn.cat
  • ramazani
  • jordanWork
  • emkt_tek
  • BOPAMA
  • icccr2016forms
  • thespanishfactory
  • Rodrigo
  • chrisediting
  • victorcampaner
  • linkads5
  • viralvoiceovers
  • rightclickitserv
  • graham1370
  • appletongroup
  • Chardon
  • davidb77
  • Sadiqimam
  • ghines
  • RayGazley
  • aclayman93
  • OneExperience
  • retailinsights
  • NotNeeded
  • blampl
  • dave8147
  • Spiegel Yonina
  • ddfcform