How Can I Change Spacing Between Questions?

July 29, 2022

Jotform Form Builder is very flexible and you can customize your forms as you wish. Standard field spacing can be changed as well to fit your needs and match your design better.

When you reduce the spacing between questions, your form will be changed:

from this:

form-contact-us-1a

to this:

form-contact-us-1b

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

Question Spacing

  1. Click on the Form Designer icon.
  2. Select the Styles tab.
  3. Change the Question Spacing value (in pixels).
  4. Then scroll down and click on the Save button to save your changes.
Change-spacing-via-standard-designer

Inject Custom CSS

Still, in the Form Designer window, go to the Inject Custom CSS section and add the following custom CSS code:

.form-line {
    margin-bottom: 3px;
}
use-css-code-for-spacing

You can follow this guide to inject the codes: How to Inject Custom CSS Code in Your Form

Advanced Designer

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 on the Advanced Designer button.

use-advanced-designer-spacing

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 the changes you made by clicking the Save icon (you will know it is properly saved if the green check icon appears).

use-advanced-designer-spacing

After, that you can go back to the Form Builder by clicking the Back To Builder icon right above the save button. 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:

  • Baddeley
  • culturalvistas
  • kwsajdak
  • couplaguysandgals
  • nolanpatrickgreen
  • amit kumar kushwaha
  • thrivein
  • cburtonhc
  • pinatas
  • Mohd
  • mscqadri
  • andy_ohalloran
  • ishushansky
  • Mark Sabol, Ph.D.
  • Mark Sabol
  • JAISANKAR
  • Sarah
  • CoverStarExperiences
  • Gio
  • Skweekah
  • jignesh patel
  • guest_22812089102042
  • billroth
  • keedme
  • Alain974
  • iecampus
  • nahro22
  • sifugarry
  • davidgoebelstate
  • 405media
  • DebbyWerthman
  • hadassf
  • Tristan Capp
  • BClifton305
  • walkinwardrobe