A big gap at the top of the form

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.

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.

That works great!

Thanks so much.

cheers

ngr

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