How to reduce the spacing between form fields

Hi,

How do I adjust the spacing between the fields?  I want them vertically closer together; right now the whole form takes up a lot of screen real estate...

Thanks!

--Myles

Hello Myles,

You can reduce the spacing between the form fields by reducing the padding property of the fields. 

This is done by adding (injecting) a few lines of CSS code to your form - you can use the following code: 

.form-line {

padding-top: 5px;

padding-bottom: 5px;

}

You can adjust the 'px' value up or down.

Copy the highlighted code above and paste it to your form by following this guide - http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Did that help? 

Let us know - Cheers. 

Hi,

I am glad to hear that it worked for you and in the name of my colleague, you are welcome.

Just in case you want to do this to some other jotforms in the future and do not need to have it set to a specific size (the above is great for fine tuning the spacing), you can change the vertical spacing through the jotform builder as well.

You can see how to do that here How Can I Change Spacing Between Questions?

You can see there the example given by my colleague as well so you can choose which one is best for you :)

Best Regards,
Ben

On behalf of my colleagues, you're welcome.

If you have any other questions or concerns, feel free to open a new thread.

Cheers!