Divi CF7 Styler (Conkit Pro)

The CF7 Styler module in Divi Conkit Pro lets you visually restyle any Contact Form 7 form inside the Divi Builder — fields, labels, buttons, and success/error messages — without touching CSS or shortcodes.

Key Features

• Select any Contact Form 7 form by ID, styled entirely inside Divi.
• Optional form header with an image or icon.
• Fullwidth or aligned button — Left, Center, or Right.
• Independent styling for fields, labels, and every message state (default, success, error).

Adding the Module

1. Create your form in Contact Form 7 as usual.
2. Edit a page with the Divi Visual Builder and add a new module — search for CF7 Styler.
3. Select the Contact Form 7 ID, then style it under the Design tab.

Content Settings

• Contact Form 7 ID — which form to render.
• Show Form Header — Use Icon or Header Image, with Fullwidth Button and Button Alignment.
• Enable Custom Styles — turns on the module’s visual styling layer over the form.

Design Settings

• Header — background, padding, icon/image color and size.
• Form — background and padding for the form container.
• Fields — background, active border color, size, label color, spacing.
• Messages — independent text/background/border color for default, success, and error states.

Match your brand
Set Field Active Border Color and the button color to your site’s accent color so the styled form reads as part of the page, not a bolted-on plugin widget.

FAQ

Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

Do I still need the Contact Form 7 plugin?

Yes — this module styles an existing CF7 form; Contact Form 7 must be installed and the form created there first.

Where can I see it in action?

Visit the CF7 Styler module page for a live overview and pricing.