Embedded Form: How to reduce height of the form?

  • Profile Image
    giaktowns
    Asked on February 25, 2021 at 01:11 AM

    Hello!

    I am using my form on my Google website, to collect seller data. Is it possible to reduce the length of my form. As of now, it is a full page form. I would like to reduce to 1/2 page, if possible.

    Thanks in advance!


  • Profile Image
    Bojan_J
    Answered on February 25, 2021 at 05:52 AM

    Greetings.

    I have checked the provided page, and it looks like there is a lot of empty space after the form. Are you referring to this?

    This is due to wrapper div with the class .WIdY2d.M1aSXe

    You can set the height of this div to 1200px, which should resolve the problem:

    screenshot_3912.png

    Please note that this needs to be added directly to your website, you can add it from Jotform builder.

    Let us know if this resolved your problem.

  • Profile Image
    giaktowns
    Answered on February 25, 2021 at 03:44 PM
    I’m not tech savvy. Where do I find this section in Jotforms to change the
    height?
    ...
  • Profile Image
    Zahra_S
    Answered on February 26, 2021 at 12:06 AM

    Hi there!

    I checked and couldn't find any option to do this inside JotForm. It can be fixed by adding the following CSS code to your website:

    .WIdY2d.M1aSXe{

      height: 1200px !important;

    }

    I am not much familiar with Google Websites. If you can add custom CSS or have a .css file, please add the above code there. This will fix the issue.

    Feel free to contact us if you need further assistance.