What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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 Move My Form Fields Closer Together? Tried "vertical padding", did not work.Asked by JKulp42757 on May 28, 2016 at 10:24 AM
I am trying to move my form fields closer together. There is too much vertical spacing between them right now.
I tried using the "line layout" - "vertical padding" option in the designer, however this did not work. I suspect that it is being overwritten by some existing code.
Here is my form:
I have just reviewed your form and noticed that the fields are already pretty close to each other vertically.
If you need it closer, let us know and we will be glad to help.
They look that way in the preview, but when I insert the code on the live site, it does not look that way (see image). Thanks.
Could you please provide us with a link of your website where you embedded your form so we can check further.
In the meantime, please try following:
1. Go to Designer:
2. And please try to turn on Make this form responsive:
Please let me know if that helps.
I made the "make mobile responsive" edit as you requested, however no change to the spacing between the fields.
The form can be seen here: http://goo.gl/2ibTGz
You seems to have question label in form which is in same font color as the form background color. That is the reason why it is currently not appearing on form but occupying the space. Please check the screenshot below:
Please inject the following custom css code in form to hide the question label and that should solve your problem:
display: none !important;
The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Once this custom css code in injected, your form will appear as displayed in the screenshot below:
Hope this helps.
Do get back to us if you have any questions.
Awesome, that worked! Thanks!