WordPress.org

English (UK)

Get WordPress
WordPress.org

Plugin Directory

Styler for Contact Form 7

This plugin hasn’t been tested with the latest three 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

By Sushil Kumar
Download

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

Beautiful, but…

13 November 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.

Simple & Superb

3 September 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 and Developers

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

Contributors

Translate “Styler for Contact Form 7” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change Log

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

Meta

Ratings

See all
Log in to submit a review.

Contributors

Support

Got something to say? Need help?

View support forum