Gravity Forms Visual Styler

Documentation / Premium features

Premium

Gravity Forms Visual Styler

EE Gravity Forms Styler widget: style labels, fields, buttons, errors, and progress bars of a Gravity Form. Off by default. Requires Gravity Forms.

Where Elementor: EE Gravity Forms Styler. Admin: Elementor Extras → Gravity Forms Styler.

Open the live demo

How to use it

1. Install and activate Gravity Forms. Create at least one form.
2. Turn on "Platform: Gravity Forms Visual Styler" under Settings → Add-on features.
3. Drag EE Gravity Forms Styler onto a page and choose a form.
4. Style labels, fields, the submit button, errors, the progress bar (multi-step forms), and the confirmation box.
5. Publish the page. Open Elementor Extras → Gravity Forms Styler to see which pages use the widget.

Notes

• This is not a Gravity Forms replacement. It wraps and styles a form that already exists in Gravity Forms.
• CSS is scoped to the widget so two stylers on one page do not clash.
• Editor preview uses POST /wp-json/landtech-extras/v1/gf-styler/preview (edit_posts). Published pages use wp_add_inline_style.
• This lane is independent of EE Multi-Step Form (forms_pro_multistep).