How to decrease white space above the form?

  • Profile Image
    e2f
    Asked 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?

  • Profile Image
    Nik_C
    Answered 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
    e2f
    Answered 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
    BDAVID
    Answered 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.