WordPress form block style settings

If you have installed the free JetStyleManager plugin, you will see the WordPress Block Style button in the top right corner of the editing window. Every field of the WordPress form can be styled separately during the process of form creation. However, you can also define some general design settings. Be aware that the settings you choose separately for the field have a higher priority than the general design settings.

The Form Row, Label, Required Mark, and Description sections contain styling features that will change the general look of the form.

The appearance of the Form Break Field can’t be set during the form creation process, you can define it only here, in the Form style settings tab. The Form Break Row, Form Break Next Button, Form Break Prev Button, Form Break Disabled Message sections are responsible for that.

The form progress bar can also be styled only in the WordPress Form style settings tab, in the Form Progress – Wrapper and Form Progress – Pages sections.

You can style the success message in the Message Success section, whilst the error message can be styled in the Message Error section.

Here are the WordPress form styling settings you can meet there:

Go to the page where you would like to add a WordPress form created in the JetForms tab. Open the page editing window and press the “Add Block” button. Find the Form block and click on it to add it to the page.

finding the corresponding form block in gutenberg

Proceed to the settings in the right-side column. Open the Choose Form drop-down menu in the Form Settings section and choose the WordPress form you’ve created. The forms are listed by their titles.

choosing the form type

That is all, the WordPress form is now on the page. You can set some additional Form Settings and do some appearance changes in the Block Style tab.

applying the necessary form settings