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

  • Profile Image
    ATLASTLearning
    Asked on April 10, 2017 at 01:04 PM

    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

  • Profile Image
    Jan
    Answered on April 10, 2017 at 01:58 PM

    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.

  • Profile Image
    ATLASTLearning
    Answered on April 11, 2017 at 02:45 PM
    Perfect.
    Thanks very much.
    ...