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 can I move the header closer to the copy?Asked by hiltonelconquistador on October 17, 2016 at 01:51 PM
Am new to using the program, and need to know how to make this page look better by moving the header closer to the form. Please help. Thanks!
move closer how how can i
The blank space may have been caused by the height of the form headers. In that case, you can solve this problem by following the steps below.
First click on Setup&Embed segment, then click on the Design button. Double click on the header area where the picture is on. On the right hand side of the page there is a "Vertical Padding" option that helps to shrink the height.
If this doesn't work, you can inject CSS codes.
Here is a guide showing how to do it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
You can inject these codes:
padding-top: 100px !important;
padding-bottom: 100px !important;
To reduce the space in the header you can alter the numbers in the above codes.
I hope it helps.
I checked your form and did not see an image currently. The process to adjust the spacing described above should be correct for headers, however, if you would like to change only a single headers' spacing, we can help with that as well. Let us know when the image is added back to the form if the spacing still needs to be adjusted and we will be happy to have another look.