How to style and add icon in Contact Form 7

CF7 with icon

First download Contact Form 7 and install in your WordPress dashboard. Also we need to download the Fontawesome for this to work. You need the fonts and css added in your theme as well.

 

Now create a contact form using the contact form 7 plugin and copy and paste this html.

 

then open your style.css and copy paste this code.

 

Here is a sample contact form 7 with icon

Contact Form 7 with icon
Contact Form 7 with icon