How to span fields into two columns?

The form US Open Merchandise is set up for a 4 column layout.

On page 5, Purchaser Information, I would like both the Purchase name and the Authorized to Receive name to be two columns wide. What is the css for that?

Additionally, I would like the Total Amount Owed element to shrink to one-column width and be right justified.

Hi Pam,

Thanks for reaching out to Jotform Support. We can customize your fields by using a few CSS codes. Let me walk you through it:

1. In Form Builder, click on the Empty Paragraph element and on its Trash icon to delete it.
   
2. Next, click on the Paint Roller icon on the right, and under the Styles tab, paste the following codes:

/* customize fields on page 5- 15868901*/

#id_183, #id_3, #id_4, #id_5 {

  width: calc(100 / 2* 1% - 8px);

}

#input_4, #input_5_full {

    width: 310px !important;

    max-width: 310px;

}

/* Ends here */

This is how it would appear:

Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

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

It worked great, thanks.

Hi Pam,

I answered your other question on a new thread. You can go ahead and check that out here.

Let us know if there’s anything else we can do for you.