Email and Phone Icon in Footer Widget

[kellihriv]

How can I add an icon in my footer widget for both email and phone?

www.knakdigital.com for reference

[prakash_s]

Hello @kellihriv,

Thanks for writing to us.

I would suggest you please add the custom class (mail-icon)to your text widget. Please have a look at the screenshots below.

Now add this custom CSS to the global CSS.

p.mail-icon:before {
    content: '\f003';
    font-family: 'FontAwesome';
    padding: 0 10px 0 0;
    font-size: 20px;
}

Please feel free to change the size and color as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks