Jump to content

I'd like to know how to make my contact form to format it to be 2-columns.

Recommended Posts

I was able to fix it with this code:

 

/* These will be Full Width*/
.form-item:nth-child(7) {
width: 100% !important;
}

/* These Will Be Beside Each Other */
/* LEFT */
.form-item:nth-child(1), .form-item:nth-child(3), .form-item:nth-child(5), .form-item:nth-child(8) {
width: 48%  !important;
margin-right: 4%;
}
/* RIGHT */
.form-item:nth-child(2), .form-item:nth-child(4), .form-item:nth-child(6), .form-item:nth-child(9) {
width: 48%  !important;
}
}

 

thank you very much 🙂

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.