Styling Your Forms

Updated:

Would you like to easily customize the look and feel of your WordPress forms? Our form styling feature lets you style your forms without writing any CSS.

This tutorial will show you how to style your forms with the WPForms visual builder in the block editor.

Requirements: To be able to style your forms in the block editor, you’ll need to have the following in place:

  • WordPress version 6.0 or greater
  • Block editor or a theme with full site editing

Before getting started, ensure WPForms is installed and activated on your WordPress site and that you’ve verified your license.

Enabling Modern Markup

Modern markup in WPForms includes increased accessibility and allows you to customize your forms visually in the block editor.

Note: With WPForms version 1.8.1 and later, new users have modern markup enabled by default, and the disable option isn’t visible in the WordPress dashboard. Simply proceed to start customizing your forms in the block editor.

To activate form styling, you’ll need to enable modern markup from your WPForms settings page. For this, go to WPForms ยป Settings and select the General tab.

WPForms setting page

Next, scroll to the General section and ensure the Include Form Styling option is set to Base and form theme styling.

Include form styling option

After that, check the Use Modern Markup checkbox to enable it.

Use modern markup

Be sure to save your changes after enabling this option.

Note: Forms with the deprecated Credit Card field aren’t compatible with modern markup. If you’re using this field, you won’t be able to use modern markup in WPForms. Please see our FAQ section to learn how to bypass this restriction.

Customizing Your Forms

Note: If you’re using Elementor, and would like to style your forms from the Elementor builder, check our guide on customizing your forms with Elementor to learn how.

After enabling the modern markup option, create a new form and add the form to a page or post.

In the block editor, click on the form to open additional options for the WPForms block.