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.

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

Screenshots

  • Backend
  • Frontend
  • 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.

FAQ

If you find any issues with the plugin feel free to contact us here:

codeaid

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.

Reviews

December 2, 2017
This is an awesome and much needed plugin. Thankyou Team Code Aid.
Read all 3 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.