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
Screenshots
Backend 
Frontend 
In case of errors in form
Installation
- Upload the entire
cf7-icons-and-labelsfolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
For basic usage, you can also have a look at the plugin web site.
FAQ
If you find any issues with the plugin feel free to contact us here:
- Installation Instructions
-
- Upload the entire
cf7-icons-and-labelsfolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
For basic usage, you can also have a look at the plugin web site.
- Upload the entire
Reviews
Contributors & Developers
“Cf7 Icons and Labels” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Cf7 Icons and Labels” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by 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.