Form Styler for Gravity Forms and Elementor

Form Styler for Gravity Forms and Elementor is the missing bridge between Gravity Forms and Elementor. It adds a dedicated drag-and-drop widget to the Elementor editor that lets you embed any Gravity Form on your page and style every part of it — inputs, labels, buttons, layout — without writing a single line of CSS.

Unlike the plain shortcode approach, this widget renders Gravity Forms correctly inside the Elementor preview iframe so what you see in the editor is exactly what your visitors see. It is built specifically for the Gravity Forms Orbital theme introduced in Gravity Forms 2.5 and fully updated for the new theme framework structure in Gravity Forms 2.9+.

Looking for more advanced visual styling?

For users who want deeper, CSS‑free control over Gravity Forms (and other elements), check out our companion plugin Simple Custom Code – Custom CSS, JS, and HTML, Visual CSS Customizer. It includes a Gravity Forms Visual CSS Customizer that lets you tweak virtually every aspect of your form using interactive visual tools.

Why Use This Widget?

• Accurate live preview — Gravity Forms styles load correctly inside the Elementor editor so you are always designing with a real, styled form, not a naked HTML structure.
• No CSS required — every visual property is exposed as an Elementor control. Change colors, typography, spacing, shadows, and more directly from the Style panel.
• Responsive controls — padding, margin, row gap, and column gap all support per-breakpoint values via Elementor’s responsive system.
• Clean, minimal code — the plugin hooks into Elementor and Gravity Forms using their official APIs with no hacks, no JavaScript overrides, and no style sheet conflicts.

Features

Form Settings (Content Panel)

• Select any active Gravity Form from a dropdown (placeholder always appears first)
• Toggle form title and description visibility
• Enable AJAX submission
• Set a custom field values string (pre-populate fields)
• Configure tab index start

Form Container (Style Panel)

• Padding and margin (responsive, per-breakpoint)
• Row gap and column gap between fields (responsive)
• Border (type, width, color)
• Border radius
• Box shadow
• Background — solid color or gradient
• Enable smooth transitions toggle

Form Labels

• Typography (font family, size, weight, line height, letter spacing)
• Text color

Sub Labels

• Typography
• Text color

Input Fields — Normal / Hover / Focus states

Read the full description on the official page →