How Can I Change Spacing Between Questions?

September 15, 2021

You wanted to change the vertical spacing between your questions, from this:

To this:

There are a couple of ways to do this. Here’s the easy way to change the spacing between all of the fields:

Method 1: 

  1. Click the FORM DESIGNER icon.
  2. Click the STYLES tab.
  3. Change the value of QUESTION SPACING (in px).
  4. Then SAVE your changes.

Method 2:

Still in the FORM DESIGNER window, go to the CSS tab and add the following custom CSS codes:

.form-line {

  margin-bottom: 3px;

}

OR, follow this guide to inject the codes: How to Inject Custom CSS Code in your form 

However, the first method cannot be used to change the spacing between specific questions. In such cases, it is recommended that Firebug is to be used to determine the ID and/or class selector(s) that would need to be targeted, as they vary from form to form.

Method 3:

You can also change the spacing between form fields through the ADVANCED DESIGNER. Still on that same FORM DESIGNER window, while on the STYLES tab, scroll down to the bottom and click the ADVANCED DESIGNER button.

On the ADVANCED DESIGNER page, click the DESIGN tab, expand the LINE LAYOUT section, then increase or decrease the line spacing and/or vertical padding. Don’t forget to SAVE your changes.

Don’t forget to save the changes you made by clicking the “Save” icon (You will know it is properly saved if the green check icon appears). After, that you can go back to the Builder page by clicking the “Back To Builder” icon. You may also preview your form through the Designer page, by clicking the “Preview Form” icon after saving the changes you made.

Questions? Please let us know below!

 

 

 

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: