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:

  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.

Jotform Presentation Agent
Contact Support

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

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