Mail icon


#1

Underneath my website; www.yvonnestevens.com I use a few social media links. I would like to add an email link too. Is that possible? In the same great style?
Hope to hear from you specialists!
Kind regards,
Yvonne


#2

You could with a bit of custom CSS:


.social-navigation li a[href*="mailto:email"]::before {
    content: '\f0e0';
}

Not sure if you can use mailto in the social menu though, you’re going to have to try it.


#3

Hi, yes, it is possible, I tried.
Apply css code below with simple custom css or similar plugin.

.social-widget a[href*="mailto:"]::before ,
.social-navigation li a[href*="mailto:"]::before {
	content: '\f0e0';
}

content: ‘\f0e0’ is for envelope icon. You can use some other icon (Font Awesome) if you like from here by copying last four characters (example for envelope icon []).

Icon will be triggered when you set social menu icon link (URL) to start with mailto: (remove http:// before it) , like this mailto:name@email.com

Just write down your email in same manner, and that’s it :slight_smile:


#4

Yessss…it worked out superb!Thank you Vlad and dimikjones!
for the superb and quick service and great explanation :slight_smile:
All the best!
Yvonne


#5

Thank you Yvonne, writing a review for Katori theme would be great, if you are up to it, and it would be the first one :slight_smile: