How to Display Your Form in a Single Line using WPForms Styler Widget?

You can create and display Inline Forms using the WPForms form builder. And yes they are supported using the UAE’s WPForms Styler widget too.

In our example, we’ll be creating a form with three form fields: First Name, Last Name, and Email.

To display the form in a single line, navigate to Settings » General in your form builder and add the CSS class inline-fields to the Form CSS Class field.

WPForms add CSS class

After that, you might require reducing the height of your form, you can set the placeholder text and select Hide Label for each field in Advanced Options.

WPForms hide label

Here’s how the form will display inline on the front end:

Created form using WPForms

That’s it! Now you will be able to create forms that will be displayed in a single line.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 40+ innovative widgets and 300+ creative templates.

Scroll to Top