Contact Form 7 Style


Contact Form 7 Style plugin is an addon for Contact Form 7 which needs to be installed on your WordPress website.

This plugin requires the Contact Form 7 plugin

Downloads history can be checked out on the website.

Supports custom styling, which can be easily managed via admin dashboard. Also has predefined templates like Simple Pattern, Valentine’s Day, Christmas that can be activated on your Contact Form 7.

Custom style options:

– color styling,
– custom fonts ( google fonts included ),
– styling for input fields, text, textarea, labels, submit button, messages, placeholders,
– border-color,
– form background-color,
– form transparent background-color,
– form background-image,
– form container styling,
– form container background-image styling,
– form placeholder opacity styling,
– customized style can be imported / exported
– quick edit option
– support multiple forms with different design
– Style Template Slider on the Contact Form 7 form Settings page
– px,em, % unit selector for all the specified style settings
– possibility to change the syling for the HOVER state of each element
– live preview on changing/adding the new style properties of each element
– possibility to customize error messages, success messages and warning messages
– setting page, where can re-import deleted default templates, deactivate collecting data and / or manipulate the appearance of the “edit style” button on the page where you have your contact form 7 form

Support can be found here.

or you can check the FAQ section.


  • The Contact Style main settings page with predefined, responsive Style Templates
  • Custom new style Settings page with Google Font Selector, live preview and multiple element styling with the possibility to change the settings unit.
  • Template slider for quick setup of the form styling on the Contact Form 7 Settings Page.
  • Possibility to remove predefined templates only with 2 clicks.
  • Quick Edit on the Contact Style Settings Page, which allows Style Apply on various forms in a few seconds away.
  • Manual CSS Editor on the pages/posts which contains one or more Contact Form 7 forms.
  • Form Selector on the new Custom Style Setup Page.
  • Google Font Selector with all the Google Fonts included in one Dropdown with preview on the right side of the Dropdown.
  • Enable / disable forcing the CSS on the actual setup (it adds !important to every style property changed on the form)
  • Transparent background


  1. Upload the entire contact-form-7-style folder to the /wp-content/plugins/ directory
  2. Make sure that Contact Form 7 is installed and activated ( an admin notice will check for this )
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

You will find ‘Contact Style’ menu in your WordPress admin panel.


Please check our FAQ page where you’ll find answers to some of your questions on


October 31, 2020
Support forum is worthless. Nobody gets an answer. With the standard WordPress theme twentytwenty it works very badly. changes will not be visible on the website. Plugin responds very poorly. Force CSS function does not work with WordPress theme twentytwenty. Regularly the predefined styles come back while I remove them every time. When you release an update, is it that difficult to check out the support forum and provide answers to the questions asked? In short, if you want to upgrade your WordPress version and theme, don't use this plugin. Costs too much annoyance and frustration.
August 28, 2019
This plugin made CF7 styling very easy
January 3, 2019
I find Contact Form 7 plugin to have a lot of options and a ton of elegant designs and templates.
November 8, 2018
I spent about 2 hours on this plugin, going back and forth, looking through settings options over and over, refreshing over and over again, but after all that time, the plugin worked on 1 form but did nothing on the secondary form. I tried selecting other formats, other designs, tried selecting them so they'd show as "active" multiple times and then refreshing, cleaning my cache, on and on and the second fomr just will not take the plugin or changes made within it no matter what. So, ultimately unless there is some bizarre step that isn't working, it doesn't look good to have 1 form that looks modern and 1 that does not and can't be changed. Very discouraging. It's a great idea for plugin that is much-needed (CF7 is still a great plugin but looks very outdated and basic) and there simply are no other styling plugins for it that seem to work reliably so back to square one trying to find another plugin.I mean it's nice that 1 form looks current but the second form that cannot be changed kind of throws a monkey wrench into the mix. Update: I was able to get the plugin to work on two different forms on two separate site pages so that the designs would look the same, but it just took several instances of going back and forth and tweaking and resetting the two different areas of settings that control the layout and look of the form. It works, just requires patience and going back and forth several times and clearing caches and retrying a few times.
Read all 44 reviews

Contributors & Developers

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


Translate “Contact Form 7 Style” into your language.

Interested in development?

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



Release Date: October 21th, 2020

  • [Security Fix] Added suggested santiziation on possible critical field
  • [Minor Fix] Google Fonts List updated
  • [Major Fix] Predefined templates loading issue


Release Date: February 12th, 2019

  • Removed functionality for non sensitive data tracking (not using this feature anymore) and removed status report too


Release Date: March 6th, 2018

  • Major Fix Fixed I/O process with reducing the json requests from the servers
  • [Major Fix] Fixed the problem where the form was missing some settings when multiple form were selected in the custom style part
  • Improvement Added settings to hide/show Contact Form 7 Style link


Release Date: November 7th, 2017

  • Major Fix Fixed slash error and added extra condition to check for response


Release Date: November 6th, 2017

  • Major Fix Fallback for setups where json file can not be accesed by wp_remote_get


Release Date: November 4th, 2017

  • Major Fix Background image rendering fixed ( added “url()” )


Release Date: November 3rd, 2017

  • [New Feature] Placeholder elements styling and hover too + preview generate
  • [New Feature] Opacity settings for placeholders
  • [Improvement] Updated fonticons
  • [Improvement] Contact Form 7 “Go To CF7” button to edit form structure
  • [Improvement] Notifications handling modified
  • [Improvement] Removed transparent checkbox from font color
  • [Improvement] Updated plugin file structure for better code management
  • [Improvement] JSON files for plugin settings
  • [Major Fix] Works with PHP 7
  • [Major Fix] Compatible with WordPress Multisite
  • [Major Fix] Refactored style generator
  • General bugfixing


  • Small Fix de-activated the possibility to drag boxes around
  • Small Fix added possibility to add transparent background
  • Small Fix added new Force CSS settings possibility to plugin
  • Small Fix customized styling to remove this issue
  • Small Fix added possibility to add 0 padding / 0 margin
  • [Small Improvement] Possible to add negative margins on custom templates
  • [Small Improvement] Possible to add decimal values for “%” and “em” units
  • [Small Improvement] Added tooltip on settings page for better understanding
  • general bugfixing
  • user interface improvements


  • Major Fix for custom styles
  • [Small Fix] Styling issue on buttons
  • [Small Fix] CSS generator core upgraded


  • New Feature Error, confirmation, success message customization added
  • New Feature Added settings field, where you can activate or deactivate the “edit custom style” button
  • [Major Improvement] modified settings page field generation, now it will remove every hidden field to improve page load
  • New predefined templates available
  • [Improvements] for reliability and speed
  • User interface improvements
  • general bugfixing


  • Major Fix Headers already sent
  • Major Fix SSL security fix for Google Fonts
  • [Major Fix] Parse error: syntax error, unexpected T_STATIC
  • general bugfixing


  • Major Fix Fixed CSS editor “\” multiplier removed
  • [Major Fix] Collection data functionality to prevent fatal error for various server setups
  • [Major Fix] Prevent existing style data loss based on a new versioning system functionality
  • [Improvement] Publish or Update Style button
  • New feature – System Status page with the possibility to ask for help from the Contact Form 7 Style team by email
  • New feature – Settings page – Install predefined templates or Allow collection data
  • General bugfixing


  • Major Fix JQuery conflict with Siteorigin Page Builder and Visual Composer


  • Major Fix
  • Collection data settings page
  • New feature – generate cf7 form preview buttons added when creating new custom style
  • Improvements – preview generations on various user interactions
  • Improvements – general bugfixing


  • New feature – width and height styling properties for radio elements
  • New feature – width and height styling properties for checkbox elements
  • Improvements – general bugfixing


  • UI rework, update, redesign
  • New feature – Live Preview on all element changes with the actual Contact Form 7 form where the styling is applied
  • New feature – Hover state design for all elements
  • New feature – Style Selector Slider on Contact Form 7 Settings page, for quick style selection
  • New feature – Introduced new unit selector
  • New feature – Introduced new background-image add-on
  • New feature – Introduced new styling properties
  • New feature – Introduced fieldset, dropdowns, radio, checkbox
  • Improvements – Bugfixing, running process, code updates
  • Improvements – Modified Custom Styling logic and add it to new settings page
  • Improvements – Message boxes behaviour
  • Improvements – autocomplete styling where possible


  • Optimize responsive view for predefined templates on mobile devices
  • Added Invitora WordPress Theme compatibility
  • Added support for special characters and fixed bugs


  • Improvements for reliability and speed
  • Enhanced plugin stability and fixed bugs
  • Added Bretheon Premium WordPress Theme compatibility


  • Added Avada Theme compatibility
  • Added Bridge – Creative Multi-Purpose WordPress Theme compatibility
  • Added Flatco – Multipurpose & Responsive WordPress Theme compatibility
  • Improve CSS Editor UI


  • Fixed Avada Theme Fusion Page Builder incompatibility issue
  • Fixed Contact form 7 shortcode detection for Flatco – Multipurpose & Responsive WordPress Theme
  • Improve plugin installer process


  • New feature – ability to add your own custom css rules
  • Fixed textarea and submit button on focus issue


  • Fixed simple template style issue


  • Minor JQuery fixes for newer wordpress version
  • Fixed custom style for textarea selector
  • Admin panel minor adjustments


  • New feature – textarea field additional options
  • Fixed textarea field style issue


  • Fixed Chrome preview problem
  • Removed unnecessary elements from nav menus
  • Fixed custom style no title problem
  • Fixed css class generator
  • New feature – Added quick edit
  • New feature – Added new simple pattern style category with Twenty Fifteen Pattern


  • Minor JQuery fixes for older wordpress version


  • New feature – Google fonts preview when edit the style
  • New feature – List all styles thumbnail preview for predefined templates


  • Admin panel minor adjustments


  • New UI Admin settings options
  • Use custom post type for individual style set up
  • Multiple cf7 forms can have their own style
  • Style can be activated only for certain cf7 forms
  • All google fonts available for use
  • Styling improvement for theme twentyfifteen, twentyfourteen
  • New settings available
  • Possibility to change certain settings for the “custom style” styles
  • Style filtering by categories for easier use
  • Possibility to save your settings and import / export the generated “custom style”
  • Donate option for support the plugin’s continued development and better user support


  • Added plugin update notification in plugin template selection panel


  • Added Valentine’s Day templates for 2014.
  • Fixed Xmas Red header and footer position
  • Added Custom Style submenu for styling the templates


  • Fixed x-mas classic display on 2014 wordpress theme.


  • First plugin version.