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

One thought on “How to use CF7 Icons and Labels

  1. Pingback: CF7 Icons and Labels | Code Aid

Leave a comment