How To Create A Multi-Column Form

Elementor forms can easily be adjusted to display form fields in 2 or more horizontal columns, using the built-in Column Width option. Fields are set to 100% column width by default, but you can select a different width for each field, from 20% to 100%.


Content

Form Fields

  1. Go to Content > Form Fields and Select a field that needs a different width
  2. Column Width: Select a width, choosing from 20% to 100%

Tip: You can change the width of the Submit button in the same way.

Note: Click the Column Width’s mobile editing icon to choose different widths for mobile and tablet as well.

Learn more about the Form Widget (Pro)

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page