How can I remove the space above the form header?

  • virgojoe
    Asked on August 6, 2015 at 2: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:

     

    http://gallivideo.com/support/

     

     

    thanks!!!!

     

    great form bee-tee-double-u

     

    Andy

     

     

  • KadeJM
    Replied on August 6, 2015 at 3: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.

     

    How can I remove the space above the form header? Image 1 Screenshot 40

    How can I remove the space above the form header? Image 2 Screenshot 51

    Modified Version:

    How can I remove the space above the form header? Image 3 Screenshot 62