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 can I adjust the border around a field?Asked by CapitalPromotions on January 24, 2014 at 04:22 PM
I am finding that the blank gutter space around individual fields is too much. How can I shrink this in order that I can move items closer togehter?
Thank you for your response. This is not what I was looking for, however. The problem is that I want the overall form to take up less space on the page it is being placed into. Therefore I am hoping to move entire elements closer together.
So in the screenshot you posted above, as an example, I would want to move "E-mail" (and its accompanying text box), upward closer to almost touching the words "First Name" and "Last Name".
Thank you for clarification on your requirement.
To reduce the spaces between the form rows, you should actually reduce the "Question spacing" property of your form which can be found under the "Field Style" tab of form's preferences. Please check the screenshot below:
Hope this answers your question.
Do get back to us if you have any questions.
Yes, that is what I was looking for! Thank you.
I see that adusts the vertical spacing - can I also make the same adjustment between items horizontally?
Customizing horizontal spacing has to be worked on a per-field basis.
Which particular field on what form you're working on do you want the horizontal spacing to be reduced?
I see.. well we just have the one form so far "File Upload Form", and I would want to reduce the horizontal spacing between all fields if possible!
Inject these CSS codes to your form to reduce the amount of spaces between them:
padding-left: 10px !important;
padding-right: 10px !important;
Here's a guide on how to inject those codes to your form:
Perfect!! Thank you everyone for your help :)