The REA Contact Form Styler widget allows you to style your contact form 7 with multiple options to make it look attractive.
General Settings ( Box & Underline )
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. It also provides options to choose border color, width, style. 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 radio and checkbox styling. It provides options to change the size of the inputand 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.
This 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 color as well.
Success / Error Messages
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.
In the Style tab section, you can set the spacing between form fields and the title and description fields.
You can change the typography of form fields, button, form title, and description.