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.


  • Profile Image

    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!

    Page URL:
    https://form.jotform.com/hiltonelconquistador/thanksgivingbuffet2016

    Screenshot
    move closer how how can i
  • Profile Image

    Answered by eceblngn on October 17, 2016 at 02:18 PM

    Hi, 

     

    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:

     

    .form-header {

        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. 

  • Profile Image
    JotForm Support

    Answered by david on October 17, 2016 at 03:03 PM

    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.