REA Gravity Forms Styler

The REA Gravity Forms Styler allows you to style your gravity form to make it more attractive to the end-user.

Content

General Settings

The Widget allows you to enable ajax form submission for gravity form. It provides options to set a custom title and description for the form and an option to align them.

Form Fields

The Widget provides options for selecting either box type fields or underline-type input fields. The box layout will have borders from all sides for input fields, while the underline layout will have only border-bottom. You can also set the size of the input fields.

It also provides options to choose border color, width, style for the input fields. There is also an option to set the background color for the form fields.

Radio & Checkbox

The widget also provides an option to override default form radio and checkbox styling. It provides options to change the size of the input and set the background color for both the selected and deselected input checkbox or radio button. You can also change the border color, width, and style.

You can go back to the default browser style of the radio & checkbox with the option “Default Checkboxes/Radio Buttons” if you face any issues with custom styling.

Submit Button

The widget allows you to align the submit button of the form: left, right, center, or justify. You can select the size of the button, set the background color, text color for the button. There is an option for setting border size, width, and color as well.

Success / Error Message

The widget gives you an option to set message color, background color, typography, and border color for the field validation and success/error messages of the form.

Style Tab

Spacing

In the Style tab section, you can set the spacing between form fields and the title and description fields.

Typography

You can change the typography of form fields, button, form title, and description.