How to set up and style the Fluent Forms Styler widget in Elementor.
Fluent Forms Styler places one of your Fluent 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.
Part of: Bright Addons (free). Before you start: The Fluent Forms plugin, active, with at least one form.
| Option | What it does |
|---|---|
| Form | The Fluent Forms form to show. |
| Starting Style | Clean (rounded fields, bold button) or Form plugin style. Every Style tab option works with both. |
| Hide Field Labels | Hides labels visually. They stay readable for screen readers, so add placeholders to your fields. |
| Button Position | Left, center, right or full width, set per device. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background, padding, border, radius and shadow.
color, typography, space below, required mark color, field description color and typography.
typography, text, placeholder, background, border and focus border colors, border width, radius, padding, space between fields and message box height.
tick color, box size, text color and typography.
typography, normal and hover colors, border width, radius, padding and space above.
field error text and border colors, success message text, background and border.
Yes. The widget styles forms made with Fluent Forms, so the plugin must be installed and active.
Yes. Set Starting Style to Form plugin style. Every Style tab option still works.
Fluent Forms does not print a form title, so add an Elementor Heading above the widget.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide