Conformer - Contact Form 7 styling for Elementor

Contact Form 7 forms usually need custom CSS to match a site's design. Conformer moves that work into Elementor. You pick a form you have already created in Contact Form 7, drop the widget onto a page, and adjust its look in the same editor you use for the rest of the layout.

The styling options cover colors, backgrounds, typography and spacing for each input field, including hover and focus states. You can also add a custom title and description to a form. Five pre-designed templates give you a starting point, and the forms are responsive, so they fit different screen sizes. It suits designers and developers who build with Elementor and want forms that match the rest of the page.

Features

• Elementor widget for forms: A drag-and-drop widget places any Contact Form 7 form on an Elementor page, so there is no code or complicated setup involved.
• Pick an existing form: Choose from the Contact Form 7 forms you have already created, then style them from inside the Elementor interface.
• Field styling controls: Change colors, backgrounds, typography and spacing for the form's input fields to match the look of your site.
• Hover and focus states: Style interactive states such as hover and focus separately from the normal state, so fields respond visibly when visitors use them.
• Five ready-made templates: Start from one of 5 pre-designed form templates and adjust it to fit your project instead of building the design from scratch.
• Custom titles and descriptions: Add a title and descriptive text to a form so visitors understand what it is for before they fill it in.
• Responsive and retina ready: Forms are built to adapt to different devices, including high-resolution displays, so they stay usable on phones, tablets and desktops.
• Lightweight code: The plugin is described as lightweight, with minimal load, so adding styled forms should not weigh heavily on your pages.

Best for

• Elementor users who rely on Contact Form 7
• Web designers styling forms without custom CSS
• Freelancers and agencies building client contact pages