BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Gravity Forms Styler Widget for Elementor Free

Style your Gravity Forms forms from the Elementor panel.

Overview

What Gravity Forms Styler does

Gravity Forms Styler places one of your Gravity Forms forms on the page and lets you style its labels, fields, checkboxes, button and messages with Elementor controls. It starts from a clean, modern look, so a form matches your design without writing CSS.

Demo

Live demo

A live demo needs a Gravity Forms form.

Features

What it can do

  • Pick any of your Gravity Forms forms from a dropdown.

  • Starts from a clean look with rounded fields and a bold button, or keeps the form plugin style.

  • Send without page reload, and pick the Gravity Forms theme.

  • Style labels, required marks and field descriptions.

  • Style fields: text, placeholder, background, border, focus color, radius, padding and spacing.

  • Checkbox and radio tick color and box size.

  • Submit button with normal and hover colors, and left, center, right or full width position per device.

  • Field error and success message colors.

Use cases

When to use it

Contact page

Make the main contact form match the fonts and colors of the site.

Lead forms

Use a full width button and bold colors for sign up or quote forms.

Dark sections

Change field, text and placeholder colors so the form reads well on a dark background.

Setup

How to set it up

What you need: The Gravity Forms plugin, active, with at least one form.

  1. Install and activate Gravity Forms and create a form there.

  2. Drag the Gravity Forms Styler widget onto the page.

  3. In Form, choose your form under Form.

  4. Keep Starting Style on Clean, or choose Form plugin style.

  5. Set Button Position and Hide Field Labels if you want them.

  6. Open the Style tab and style the Fields, Submit Button and Messages.

  7. Send a test entry on the live page to check the error and success messages.

FAQ

Questions and answers

Do I need Gravity Forms?

Yes. The widget styles forms made with Gravity Forms, so the plugin must be installed and active.

Can I keep the original form look?

Yes. Set Starting Style to Form plugin style. Every Style tab option still works.

Does it support AJAX submit?

Yes. Keep Send Without Page Reload switched on.

Free forever

Gravity Forms Styler is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.