Cf7 Icons and Labels Plugin

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

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.

1. 

   Backend

2. 

   Frontend

3. 

   In case of errors in form

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.

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.