Title: Styler for Contact Form 7 Author: wpmonks Published: 11 June 2016 Last modified: 6 April 2017 --- Search plugins 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. ![](https://s.w.org/plugins/geopattern-icon/styler-for-contact-form-7.svg) # Styler for Contact Form 7 By [wpmonks](https://profiles.wordpress.org/wpmonks/) [Download](https://downloads.wordpress.org/plugin/styler-for-contact-form-7.1.1.zip) * [Details](https://en-gb.wordpress.org/plugins/styler-for-contact-form-7/#description) * [Reviews](https://en-gb.wordpress.org/plugins/styler-for-contact-form-7/#reviews) * [Development](https://en-gb.wordpress.org/plugins/styler-for-contact-form-7/#developers) [Support](https://wordpress.org/support/plugin/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 ![](https://secure.gravatar.com/avatar/46549750e8fd3443c7adb3efdaee7a4a6310cb63ba8cce73d94be2321b158606? s=60&d=retro&r=g) ### 󠀁[Beautiful, but…](https://wordpress.org/support/topic/beautiful-212/)󠁿 [butterfly99](https://profiles.wordpress.org/butterfly99/) 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. ![](https://secure.gravatar.com/avatar/d5cd9c58d02a17b9de9fe17a463a2c4749662c317ada0c1925a0b4834a494558? s=60&d=retro&r=g) ### 󠀁[Simple & Superb](https://wordpress.org/support/topic/simple-superb-1/)󠁿 [jagadishsr](https://profiles.wordpress.org/jagadishsr/) 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 ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/) ## Contributors and Developers “Styler for Contact Form 7” is open source software. The following people have contributed to this plugin. Contributors * [ wpmonks ](https://profiles.wordpress.org/wpmonks/) [Translate “Styler for Contact Form 7” into your language.](https://translate.wordpress.org/projects/wp-plugins/styler-for-contact-form-7) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/styler-for-contact-form-7/), check out the [SVN repository](https://plugins.svn.wordpress.org/styler-for-contact-form-7/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/styler-for-contact-form-7/) by [RSS](https://plugins.trac.wordpress.org/log/styler-for-contact-form-7/?limit=100&mode=stop_on_copy&format=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 * Version **1.1** * Last updated **10 years ago** * Active installations **40+** * WordPress version ** 4.0 or higher ** * Tested up to **4.7.38** * Language * [English (US)](https://wordpress.org/plugins/styler-for-contact-form-7/) * Tags * [contact form 7](https://en-gb.wordpress.org/plugins/tags/contact-form-7/)[contact form 7 css](https://en-gb.wordpress.org/plugins/tags/contact-form-7-css/) [contact form 7 styler](https://en-gb.wordpress.org/plugins/tags/contact-form-7-styler/) * [Advanced View](https://en-gb.wordpress.org/plugins/styler-for-contact-form-7/advanced/) ## Ratings 4 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/styler-for-contact-form-7/reviews/) ## Contributors * [ wpmonks ](https://profiles.wordpress.org/wpmonks/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/styler-for-contact-form-7/)