Style each Contact Form 7 form

WOW Styler for CF7 Pro gives Contact Form 7 users browser-based controls for matching forms to a website’s visual identity without writing CSS. Pro supports individual styles across multiple forms, so contact, support, sales, booking, or enquiry forms can have various appearances while continuing to use Contact Form 7. Several differently styled forms can also appear on the same page.

Build a style from theme settings

Use your theme’s fonts and colors as a starting point, then adjust text, spacing, buttons, backgrounds, labels, links, and input fields. A live preview shows changes as you work. Split view lets you compare a published form with its draft styling side by side.

Save a finished style as a scheme. Pro supports multiple schemes that you can switch between and attach to different forms. Start with a shared design, then adapt it for each form’s purpose, such as a stronger call to action for sales or a more restrained look for support.

Control fields, backgrounds, and CSS placement

• Set text colors, fonts, sizes, weights, and styles, along with link colors and hover states.
• Customize labels, buttons, borders, shadows, backgrounds, and input fields.
• Display checkboxes and radio buttons one per line instead of inline.
• Use background pictures or animated GIFs with opacity control. Set background sizing to cover or contain, pick repeat behavior, and adjust positioning.
• Load styles in the body tag when a theme or page builder removes CSS from the header.

A shop can give returns, support, invoice, and capability-request forms separate designs. An agency can style client intake, project onboarding, and support forms individually. SaaS and online course sites can distinguish demo requests, bug reports, feature ideas, and community feedback.

Set up schemes in WordPress

Add WOW Styler for CF7 Pro to your WordPress website, then open the CF7 Styler area in the Contact submenu. Choose the upgrade or Pro package through the available setup flow. Create a style scheme and attach it to the relevant Contact Form 7 form. Refine the design in the live preview, then save additional schemes for other forms.