Multiple Payment Form: How do I keep the left margin the same on all the forms?

do I keep the left margin the same on all the forms?  the credit card and check forms are not aligning to the same spot as the original form.

Before diving into that solution, there's one main problem in your form that needed to be fixed.

Take note that the first 3 fields in your main form name, email and phone will not be captured when your payment forms are submitted. Why? It is because these fields are not within or part of the payment forms. Keep in mind that each form works independently. When you submit the check form, only the fields within that form will be captured. The same with the credit card form. So this also means you'll lose the values filled in the aforementioned fields.

The solution is to put these fields within the payment forms and leave the payment method selection in the main form.

Example:

It should look the same as this: https://www.jotform.com/61894475075972

And to correct the alignment issue, inject the following CSS codes within the payment forms.

.form-line {padding-left: 0;}

.form-header-group {margin-left: 0;}

Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Hope this helps!

Hello sstte18,

I am glad to know that your issue is resolved. I have moved your second question to a new thread so that you we can address it separately. You will be answered in the following thread:   https://www.jotform.com/answers/1224681

Thank you!