Home › Forums › Pro Themes › Biography Pro › Add "mailto" Social Icon to the social menu

Tagged: ,

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.