JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to reduce the spacing between form fieldsAsked by MDownes on October 01, 2014 at 12:23 AM
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...
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:
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.
That did it. Thanks!
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 :)
Even easier. Thanks Ben.
On behalf of my colleagues, you're welcome.
If you have any other questions or concerns, feel free to open a new thread.