Add "mailto" Social Icon to the social menu

Tagged: mailto, social menu

This topic has 3 replies, 2 voices, and was last updated 1 year, 10 months ago by wensolutions.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 8, 2018 at 3:43 am #62696

SantaDroid
Participant

Hi again,

I am very happy with the Pro-Version and was able to set up my new page in no time with it. There are just some little things left, I’d like to tinker with. Currently I am trying to add a mailto:xxx@xxxx.xx link into the social menu and have it show a envelope icon of some kind.

As I understand it now, your social menu does automatically pull icons for popular services like Twitter (which is working fine for me).

Is there a way to make it automatically add a mail-envelope-icon for mailto:-links? Or do you have any other advice?

Best regards

PS: You can find my site at http://www.malteengeler.de where you will find the mailto icon (next to the twitter icon) currently being blank

January 8, 2018 at 5:29 am #62704
wensolutions
Keymaster
Hello @mengeler,

First of all thank you very much for all the appreciations.

Now to add the envelope icon in the social menu you have to use below given CSS.

For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
```
.biography-social-section a[href*="mailto:"]:before {
    content: "\f0e0";
}
```
Hope this helps.

Best Regards!!
January 8, 2018 at 9:00 am #62715

SantaDroid
Participant

Thank you. Works perfectly!

January 8, 2018 at 10:52 pm #62767

wensolutions
Keymaster

Hello @mengeler,

Glad we could help you !!

If you have any issues further, please feel free to post your queries and we will happily help you further.

We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

https://wordpress.org/support/theme/biography/reviews/

Best regards !!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.