This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Styler for Contact Form 7

Description

Style Contact Form 7 without any CSS Coding. This free plugin comes with 50+ options to design different sections for form like form wrapper, labels, text fields, dropdowns, radio inputs, checkbox inputs , paragraph text area, submit button and many more.

You can customize background color, font size, font family, borders, width, text alignment, margin, padding, font color and more without writing a single line of CSS code.

Create beautiful themes and templates without hiring a designer. Layout for each form is stored sepreately so that you can create different design for each form.

FAQ

Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/styler-for-contact-form-7 directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Now go to any post/page(in frontend) where you have added a form. Make sure you are logged in.
  4. Click on the Customize button to launch WordPress Customizer.
  5. Click on “Styler for Contact Form 7” and then select the Form you want to customize.
  6. Wait while the plugin saves your form selection and refreshes the page.
  7. Now start designing your form
Can I create different styles for different Forms?

Yes each form design is stored seprately. So, design for each form can be different

Can I create multiple styles for one form

As of now you can only create one design for one form. If you want to create multiple designs for single form then first duplicate it in Contact Form 7 and then create a new design for it.

Reviews

November 13, 2017
This is a beautiful 'what you see is what you get' add-on for Contact form 7. Very easy to use. But... -It doesn't work correctly with Wordpress 4.8.3 (no e-mails sent). -You can only style the first 5 forms. -Designed formstyle cannot be duplicated into other forms.
September 3, 2016
SO, is the world listening? Contact Form 7 Styling has never been so much easier. I have always installed plugins based on rating and number of downloads. Anyhow gave this a try because customizing contact form 7 has always been pain. And it worked, with just 10+ downloads this plugin proves to be providing styling for every type of field in CF7 from Customizer. Sushil Kumar has provided a great solution for a complex issue. More to develop in this plugin, but yet keep up the good work!
Read all 2 reviews

Contributors & Developers

“Styler for Contact Form 7” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

v1.1 6/4/2017

  • Updated contact form 7 detection logic
  • Automatically add ‘px’ to values
  • Updated live preview for CSS styling
  • Added ability to create sepreate design for each form

1.0

  • initial release