How to remove padding on Card Forms?

I am a little confused. The form (https://form.jotform.com/30650591541147) you provided is not a JotForm Card. Here's a screenshot:

However, the website (https://www.vanallenplumbingreno.com/) has an embedded JotForm Card. Could you please provide more details of what padding are you referring to? Here's a screenshot:

To post a screenshot here in the Support Forum, please follow this guide: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

Oh man! When copy/paste goes wrong! LOL!

Yes, the screenshot you posted is correct--the first green box you outlined is the main killer.

The second green box is a bummer because it invites people to scroll below the fold.

The third green box is just annoying, but I can live with it.

I wanted to put this form in the center of the screen, but the padding above the card throws off the design.

Form link:

You could try reducing the height of the iFrame of the form when embedding, for exampl, this is your form's iframe code:

 <iframe id="JotFormIFrame-80526748389168" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" src="https://form.jotform.com/80526748389168" frameborder="0" style="width: 1px; min-width: 100%; height:450px; border:none;" scrolling="no" > </iframe>

I set height to 450px, and it should look like this when embedded:

Could that work for you?

Thank you!

Nik! Awesome! That worked!

Please pass on the message, that we want this to be the default setting!

:)

Very well, I'm glad it did :)

We will certainly try to improve, our cards layout is in constant development since it is a new feature.

Thank you!