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 to decrease white space above the form?

    Asked by e2f on July 13, 2016 at 05:08 PM

    For some reason, when I include a Jotform in a page, it is showing up with a significant gap of whitespace above it. It does not appear flush with the top of the text area on a page. I am working on a pre-production website, but I will give an example through screengrabs:

     

    That's about 192 pixels (2 and 2/3rds inch) of vertical gap between the page title and the top of the form. I'd prefer it to be far less than that. Is there any way I can get it flush to the top better?

    form white space decrease how CSS
  • Profile Image
    JotForm Support

    Answered by Nik_C on July 13, 2016 at 06:32 PM

    If you could provide us with a website where you embedded your form it would help so we can investigate further. But in the meantime, try inserting this CSS code in your Custom CSS area:

    .form-all {

    padding-top: 0;

    }

    Also, you could add this to the code above to decrease the white space:

    .form-all {

    padding-top: 0;

    margin-top: -10px;

    }

    Just increase the negative value until it fits your needs.
    Hope it helps, please let us know if you have further questions.

    Thank you!

  • Profile Image

    Answered by e2f on July 14, 2016 at 05:08 PM

    Okay. Here's the URL. (Sorry for future readers; I reserve the right to remove it once the issue is resolved.)

    http://e2ftest.com/get-quote/

    p.s. Edit: I tried the Custom CSS you provided, and it doesn't fix the vertical depth.

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 14, 2016 at 07:36 PM

    Please try injecting the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .jotform-form,.form-all,.form-section,#id_114 {

        margin-top: 0px !important;

        padding-top: 0px !important;

    }

    Let us know if you need more help.