Style your Contact Form 7 forms from the Elementor panel.
Contact Form 7 Styler places one of your Contact Form 7 forms on the page and lets you style its labels, fields, submit button and messages with Elementor controls. Use it when you want a form to match your design without writing CSS.
A live demo needs a Contact Form 7 form.
Show your main contact form with fields and a button that match the rest of the site.
Give a longer form more breathing room with field spacing and padding.
Hide the label text, rely on placeholders and use a full width button to save space.
Change field background, text and placeholder colors so the form reads well on a dark background.
What you need: The Contact Form 7 plugin, installed and active, with at least one form created.
Yes. The widget shows a form made with the Contact Form 7 plugin. Without it, the panel shows a notice asking you to install and activate it.
No. You create and edit the form in Contact Form 7. The widget selects a form and styles it.
Yes. The Messages section in the Style tab has a Field Error Color, a Success Message Color and an Error Message Color.
The dropdown lists up to 100 forms in alphabetical order. A form beyond that number will not appear.
It is one of 48 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.