How can I reduce the size of the "page" (large border around the actual form)?

Hello.

I'm enjoying the JotForm designer for the most part—pretty easy and intuitive. However, when I embed the form into my webpage, the JotForm "page" is so big that it creates a large amount of space between the embedded form and other elements in my site, causing a disruption to the flow/spacing of the page. Is there a way I can reduce the page size (especially the vertical dimension)?

Best,
Ryan Cox

You can remove the space above the form through custom CSS. Here's the CSS code:

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

Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

The white border is the background color of the box in your Wix website where the form is embedded. This should be adjusted in Wix and not in JotForm. You just have to change the background color of that box to "yellow" or "transparent".

Hope that helps. Thank you.