Embedded card form has a huge white space above it

See all the white space above our form. We are building more forms and they all present like this on our website. Also pushes everything below the fold. How can we fix this please?

There is no way to customize the layout within JotForm for the Card Form layout since it is intended to be a quick and easy setup. However, as a workaround, you may do the customization within your website.

To minimize the enclosing space, you can limit the Form's height.

1. Use the iFrame embed code

2. Copy only the <iframe> tag and it's content

(Do note that the <script> tag below the <iframe> tag was actually intended to adjust the form's height depending on user's screen)

3. Change the height into 450px

(This is the most acceptable height I was able to test that doesn't compromise much of the layout)

As mentioned on step #2, the script tag's purpose was to adjust the form's height depending on the user's screen. This workaround is only given as an option for you, should you wish to really reduce the spacing within the form.