How to make two columns in contact form 7

To create two columns, you’ll need to manually add HTML markup within the form editor. Here’s an example:

[text your-name placeholder "Your Name"]
[email your-email placeholder "Your Email"]
[tel tel-123 placeholder "Phone Number"]
[textarea your-message placeholder "Your Message"]

You’ll need to add custom CSS to adjust the layout of the columns. Here’s a basic example to get you started:

.two-columns {
display: flex;
justify-content: space-between;
}
.column {
flex: 1;
margin-right: 10px; /* Adjust margin as needed */
}

Leave a Reply