Social Icon – Mail Icon?

[Jacob Jansson]

Is there anywhere I can see which social icons is available?
I’m looking for a Mail-icon!

Thanks

[Bill Robbins]

Good Morning Jacob,

Great question. Here are the icons that are preloaded:

• Dribbble
• Facebook
• Flickr
• Google Plus
• Instagram
• LinkedIN
• Pinterest
• Twitter
• Vimeo
• Yelp
• YouTube

The icon font does have one you can use. What you’ll need to do is create a link for navigation menu. Then click the screen options tab in the top right hand corner and make sure the box next to CSS Classes is checked. Then click the down arrow on the right hand side of your new link. In the box for CSS classes, enter mail and update your menu.

Typically you can enter custom CSS in the theme options, but this code will get filtered out, so you’ll have to add it to the theme’s style.css file at the bottom. It would be best to use a child theme for this. Here’s what to add:

ul.network-icons li.mail a::before,
#menu-social-media li.mail a::before {
	content: '\e0aa';
}

That’ll change the menu item that has the “mail” class into a envelope.

Let me know if you have any questions,
Bill

[Author]

Posts