How can I set the width of one form to match my other forms?

When I preview the form "Credit Card Order Payment Form", it is not set to a fixed width, like "Peptide Synthesis Quote Form". How do I set it to a fixed width?

Hi Michael,

Thanks for reaching out to Jotform Support. I cloned and checked both of your forms, and I found out why the Credit Card Order Payment Form looks overly wide compared to your Peptide Synthesis Quote Form. The issue is caused by a line of custom CSS in the Credit Card Order Payment Form that forces it to stretch across the screen. To fix this, we’ll just remove that line and then set a fixed form width using the Form Designer under the Styles tab. Let me show you how:

1. Then, in Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

2. Now, in the Form Designer menu, click on the Styles tab, and scroll down to Inject CSS Code box.

3. Then, in Inject CSS Code box, remove max-width: 100% from .form-all selector.

4. While still in Styles tab, scroll up and set Form Width section to 1200.

Check out the screencast below to see how the Credit Card Order Payment Form now looks in live mode:

That's it. Give it a try and let us know how it goes.

Hello there,
Thanks - that works.
You have indicated that -- While still in Styles tab, scroll up and set Form Width section to 1200.
Most our customers use desktop/laptop users. Would you suggest to change it to 960 (or smaller?) for desktop/laptop users?
Regards,
Michael
...

Hi Michael,

As it's just the max-width of your form, it's not necessary to change it to 960 or smaller, as the form itself is responsive and will automatically adjust based on the screen size it's being viewed on. Check out my screencast below for example:

Let us know if you need any more help.