Using Contact Form 7 Fields With Columns

Using Contact Form 7 Fields With Columns

09/08/2018

When using the Contact Form 7 plugin, the fields will each be on their own row filling up the space. If you wish to put multiple fields in one row, you can do this by adding the proper HTML markup when creating the form. Please see below.

A form with one field per row will look like this:

Copy to Clipboard

A form with multiple fields in one row will look like this. For example, this uses 3 column sections, one field per column:

Copy to Clipboard

Recent Posts

Recent Tweets

For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept