A big gap at the top of the form

  • Profile Image
    zifboxbiz
    Asked on July 17, 2015 at 02:34 AM

    Whenever I use the Designer function I end up with a big gap between the content above and the form itself.

    The gap is not present when I use the form without the extra Designer functions.

    Is there a way of getting rid of, or reducing the size of, that space above the form.

  • Profile Image
    Boris
    Answered on July 17, 2015 at 05:51 AM

    That gap is caused by the top padding of the form. You can override it by adding the following custom CSS to your form:

    .jotform-form {
        padding-top: 0px !important;
    }

    If you wish to remove the padding from both the top as well as the bottom, please use this code instead:

    .jotform-form {
        padding: 0px !important;
    }

    Please let us know how it goes.

  • Profile Image
    zifboxbiz
    Answered on July 17, 2015 at 07:31 PM

    That works great!

    Thanks so much.

    cheers

    ngr

  • Profile Image
    Boris
    Answered on July 17, 2015 at 08:57 PM

    You are kindly welcome. :)

    Please don't hesitate to contact us again should you encounter any other issues with your forms, and we will happily help you sort them out.

    Kind regards