How can I reduce margin space with a Cards form?

Podo has no solution that works. No margin adjustments available anywhere and no CSS box available. for Cards forms. It says it's the jotform default margin setting.

By changing wordpress code module top margin (-50px) I can move it up a little, but the form's top and bottom default margins are so large, the form covers the text module above it on mobile.

Can you help me reduce the Cards form margins?

Hi TipsForSuccess,

Thanks for reaching out to Jotform Support. Unfortunately, there is no built-in feature to reduce the top and bottom margins of Cards forms directly from Jotform. The margins are part of the default layout to maintain the card-style appearance and mobile responsiveness. If you want more control over margins and spacing, you might consider using the Classic form layout instead, which allows more CSS customization and margin adjustments.

Let us know if you have any other questions.

Thanks for the fast reply Kris.

The best feature of the Cards forms is the user experiance as it moves the cards quickly to the next question; it does not make the user pick an answer and also click "Next" as with the Classic form.

Can I set up this fast responsive feature in Classic form?

Hi TipsForSuccess,

If you’re talking about the auto-next feature on Cards, you can also turn it on for single choice and dropdown fields in a Classic Form. Just make sure one of these two fields is the last element on a page for the auto-next to work. Let me show you how:

1. In Form Builder, select the Next button of each page, then click on the Gear icon to open Page Break Properties.

2. In the menu that opens on the right, click on the Advanced tab.

3. Toggle Auto Next to On position, and that's it.

Check out the screencast below to see how it works on a demo form:

Give it a try and let us know if you need any more help.

Oh! Great John, that will work for me.

Thanks,

Mike