How To Use Contact Form 7 Fields With Columns
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:
A form with multiple fields in one row will look like this. For example, this uses 3 column sections, one field per column:
You can easily use Avada’s column system to display the form contents by using wrapping containers with the correct class names. Below you will find the available sizes and corresponding class names, as well as some special purpose classes.