How to Reduce Vertical Spacing Between Fields

April 11, 2023

Sometimes, reformatting your form is necessary for website design. For example, our default form field spacing is like this:

jotform-form-with-default-spacing

And sometimes you might want more compact spacing:

jotform-form-with-compact-spacing

To accomplish that, please follow these steps:

Youtube Embed Poster: Y2OpoJMApgM
  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.

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 - Profile picture
  • born - Profile picture
  • info@esn.cat - Profile picture
  • ramazani - Profile picture
  • jordanWork - Profile picture
  • emkt_tek - Profile picture
  • BOPAMA - Profile picture
  • icccr2016forms - Profile picture
  • thespanishfactory - Profile picture
  • Rodrigo - Profile picture
  • chrisediting - Profile picture
  • victorcampaner - Profile picture
  • linkads5 - Profile picture
  • viralvoiceovers - Profile picture
  • rightclickitserv - Profile picture
  • graham1370 - Profile picture
  • appletongroup - Profile picture
  • Chardon - Profile picture
  • davidb77 - Profile picture
  • Sadiqimam - Profile picture
  • ghines - Profile picture
  • RayGazley - Profile picture
  • aclayman93 - Profile picture
  • OneExperience - Profile picture
  • retailinsights - Profile picture