How to use CF7 Icons and Labels

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

For Labels – cf7-label-Full_name

For Icon – cf7-fa-icon-fa-user    ( visit here to copy icon names)

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

Added icon for submit button

If you want to add icon in submit button then you have to add two classes in submit button  – one is to enable icon and other one is for your icon, as shown in below image (Screenshot 1.1)

Class to enable submit icon :- cf7-submit

Class to for your icon :-  submit-icon-fa-send

Screenshot 1.1

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 )

Google+ photo

You are commenting using your Google+ 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 )

w

Connecting to %s