Title: Cf7 Icons and Labels Author: codeaid Published: May 25, 2017 Last modified: December 10, 2017 --- Search plugins ![](https://ps.w.org/cf7-icons-and-labels/assets/banner-772x250.png?rev=1666020) 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. ![](https://ps.w.org/cf7-icons-and-labels/assets/icon-128x128.png?rev=1666020) # Cf7 Icons and Labels By [codeaid](https://profiles.wordpress.org/codeaid/) [Download](https://downloads.wordpress.org/plugin/cf7-icons-and-labels.1.3.zip) * [Details](https://wordpress.org/plugins/cf7-icons-and-labels/#description) * [Reviews](https://wordpress.org/plugins/cf7-icons-and-labels/#reviews) * [Installation](https://wordpress.org/plugins/cf7-icons-and-labels/#installation) * [Development](https://wordpress.org/plugins/cf7-icons-and-labels/#developers) [Support](https://wordpress.org/support/plugin/cf7-icons-and-labels/) ## Description This plugin can be used to add font awesome icons and labels to the Contact Form 7. ### Note The css and animation effects of the icons and labels can be modified by making appropriate changes in your own css file. Cf7 Icons and Labels plugin just provides the html tags and useful classes to apply the css. #### How to Use example classes -> 1. for labels = cf7-label-Your_name 2. for icons = cf7-fa-icon- fa-user 3. for submit button = submit-icon-fa-paper-plane Note- To enable icon for submit button use class cf7-submit (see in below screenshot– backend) Replace Your_label, fa-user, and fa-paper-plane with your own other useful classes can be find [here](https://codeaid.wordpress.com/2017/05/29/useful-css-classes/) ## Screenshots [⌊Backend⌉⌊Backend⌉[ Backend [⌊Frontend⌉⌊Frontend⌉[ Frontend [⌊In case of errors in form⌉⌊In case of errors in form⌉[ In case of errors in form ## Installation 1. Upload the entire `cf7-icons-and-labels` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. For basic usage, you can also have a look at the [plugin web site](https://codeaid.wordpress.com/). ## FAQ If you find any issues with the plugin feel free to contact us here: [codeaid](https://codeaid.wordpress.com/contact) Installation Instructions 1. Upload the entire `cf7-icons-and-labels` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. For basic usage, you can also have a look at the [plugin web site](https://codeaid.wordpress.com/). ## Reviews ![](https://secure.gravatar.com/avatar/f6ebbd462f9efe6254ecee996628a226ee301ec9d7cd3d5ccbddd528d850cbed? s=60&d=retro&r=g) ### 󠀁[Completely Useless](https://wordpress.org/support/topic/completely-useless-15/)󠁿 [Hola12345](https://profiles.wordpress.org/mridul12345/) April 26, 2018 It’s of no use with bugs. ![](https://secure.gravatar.com/avatar/baac00ee8d873c294e5fd1b203ab93b48f3b529e64377ae1e4cae313b85c45d8? s=60&d=retro&r=g) ### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-5211/)󠁿 [fooked1990](https://profiles.wordpress.org/fooked1990/) December 2, 2017 This is an awesome and much needed plugin. Thankyou Team Code Aid. ![](https://secure.gravatar.com/avatar/5924310cd6513154098b2e7c04c76c497052514f2e75805d60a84be71e133195? s=60&d=retro&r=g) ### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-4533/)󠁿 [kristiner](https://profiles.wordpress.org/kristiner/) November 11, 2017 Awesome plugin [ Read all 3 reviews ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/) ## Contributors & Developers “Cf7 Icons and Labels” is open source software. The following people have contributed to this plugin. Contributors * [ codeaid ](https://profiles.wordpress.org/codeaid/) [Translate “Cf7 Icons and Labels” into your language.](https://translate.wordpress.org/projects/wp-plugins/cf7-icons-and-labels) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/cf7-icons-and-labels/), check out the [SVN repository](https://plugins.svn.wordpress.org/cf7-icons-and-labels/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/cf7-icons-and-labels/) by [RSS](https://plugins.trac.wordpress.org/log/cf7-icons-and-labels/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.3 * Bug fix for form submission. * Added setting menu item for plugin in wordpress menu. * Added option to disable CF7’s deault css. * Added option to disable Font Awesome CDN. #### 1.2 * Minor bug fixes (see below) * Fixed a bug for submit button * Fixed select field color issue #### 1.1 * Added separate classes for icons, labels and a common class for both. * Renamed prefix wpcf7 to cf7 to avoid conflicts. * Added icon for submit button. ## Meta * Version **1.3** * Last updated **9 years ago** * Active installations **500+** * WordPress version ** 4.2 or higher ** * Tested up to **4.9.29** * Tag * [cf7](https://wordpress.org/plugins/tags/cf7/) * [Advanced View](https://wordpress.org/plugins/cf7-icons-and-labels/advanced/) ## Ratings 3.3 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/cf7-icons-and-labels/reviews/) ## Contributors * [ codeaid ](https://profiles.wordpress.org/codeaid/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/cf7-icons-and-labels/)