Vertical forms are great and all, but as a marketer, you know long forms are lead killers. So how do you make your big form smaller without getting rid of necessary form fields? The solution is easy. Display form fields side by side. This will turn your scroll fest of a form into a compact powerhouse.
As a small team or team of one, hiring an expensive web designer to make such changes isn’t an option, nor is it necessary. You are a tech-savvy creative, who has dabbled in CSS, but let’s face it, CSS is not your wheelhouse; marketing is.
That’s why the Layout and Styles add-on from Ninja Forms should be your new go-to styling tool. Not only can you build multi-column layouts in minutes, but you can quickly update backgrounds, fonts, and text colors too. Read below to find out how to use Layout and Styles to display your form fields side by side.
Display your WordPress form fields side by side
To display your WordPress form fields side by side, you will first need to unlock the multi-column builder. To do so, install and activate the Layout and Styles add-on.
After that, return to the form builder and add your form fields. To drag the field into the builder, click and hold while you move your mouse. To align two input fields side by side move one of the fields to the right or left of the other field. This will trigger the blue bar. Once the blue bar turns green, let it go.
Congrats. You successfully aligned two input fields side by side. Piece of cake, right?
It’s easy to create a side-by-side form with Layout and Style from Ninja Forms 🧑🏾💻
Good job! Now that you know how to display WordPress form fields side by side with Layout and Styles, it’s your turn. Give it a try. Besides creating multi-column layouts, you can make quick edits with our built-in color picker, changing backgrounds, borders, text, and more. So get it today!
We offer the Layout and Styles add-on a la carte in one, five, or twenty-site licenses. Otherwise, you can subscribe to our Basic ( Personal ) membership. Which comes with File Uploads, Multi-Step Forms, and Conditional Logic, plus premium support and 10% off any additional add-ons too. As one of our best-selling add-ons, what are you waiting for?
