How to use CF7 Icons and Labels

Just add below classes in the field for which you want to add label or icon:

//——————————————————- Version 1.0 ——————————————————-//

For icons :- wpcf7-fa-icon-fa-icon-name* (visit here to copy icon names)

For Labels :- wpcf7-label-Full_name*

*Replace underline text with your own, as shown in below image (Screenshot 1.0)


cf7-icons-and-labels-backend

Screenshot 1.0

//——————————————————- Version 1.1 ——————————————————-//
For icons :- cf7-fa-icon-fa-icon-name* (visit here to copy icon names)

For Labels :- cf7-label-Full_name*

For submit button icon :- submit-icon-fa-paper-plane*

*Replace underline text with your own, as shown in below image (Screenshot 1.1)

screenshot-1

Screenshot 1.1

//——————————————————- Version 1.2 ——————————————————-//

Added support To Enable or Disable submit icon (bug fixing for version 1.1)

Class :- cf7-submit

*Replace underline text with your own, as shown in below image (Screenshot 1.2)


Screenshot 1.2

 

Advertisements

One thought on “How to use CF7 Icons and Labels

  1. Pingback: CF7 Icons and Labels | Code Aid

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s