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 remove the space above the form header?

    Asked by virgojoe on August 06, 2015 at 02:16 PM

    I want to remove the space between my text and the header in my page load.

    Can I remove any additional header or page elements to shift the entire form UP on my page:







    great form bee-tee-double-u





    Page URL:

  • Profile Image

    Answered by KadeJM on August 06, 2015 at 03:19 PM

    If I am not mistaken I believe you mean that you want to remove the large gap in the header area between the form and your page as seen highlighted in red in the screenshot below. Additionally, in the screenshot below that we can see the same gap is in it on the direct form itself too.

    The easiest way to get rid of this problem is to adjust the form height itself either with injected css or through the form designer.

    Example CSS:

    .form-all {

        margin-top: -85px;


    Modified Version of Your Form:

    http://www.jotformpro.com/form/52175701492959   [CLONE IT!]

    In the modified version you'll see the applied css code has pushed the form very close to the top of the page. This means on the embedded version on your end it would then be closer as you needed.


    Modified Version: