Home › Forums › Pro Themes › Biography Pro › Add Mastodon Social Icon

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 12, 2019 at 2:32 am #88845
    SantaDroid
    Participant

    Dear Theme Palace Support,

    after you helped me so quickly with adding a Email social media button (in this thread) I’d now like to ask for your help again.

    I am trying to add another social media button on http://www.malteengeler.de, this time to my Mastodon Account. I already successfully added the button but it does not show any graphical icon. I would – of course – prefer to a have it show the mastodon icon.

    Can you help?

    Best regards

    January 12, 2019 at 3:10 am #88846
    SantaDroid
    Participant

    Just to clarify: I added it the same way you showed me with the email icon but added the mastodon font awesome code (f4f6) and everything seems to work except the icon doesn’t show.

    Also: hovering over it doesn’t change the color, which means that the icon turning white simply looks like its disappearing into the white circle (same with the mail icon).

    January 13, 2019 at 11:17 pm #88926
    wensolutions
    Keymaster

    Hello @mengeler,

    Our theme currently only has the font awesome version 4.4 and your icon is in a version greater than 5.

    However, as a workaround, you can add below give CSS in your child theme style.css which will add the icon.

    @import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

.biography-social-section a:hover {
    text-decoration: none;
}

.biography-social-section a[href*="legal.social"]:before {
  content: "\f4f6";
  font-family: "Font Awesome 5 Brands";
}

.biography-social-section a:hover[href*="legal.social"] {
    background-color:#2b90d9;
}

.biography-social-section a:hover[href*="mailto:"] {
	background-color: #212121;
}

    Hope this helps.

    If you have any issues further then kindly let us know.

    Best Regards!!

    January 14, 2019 at 10:31 am #88981
    SantaDroid
    Participant

    Thx, it worked flawlessly 🙂

    January 14, 2019 at 11:48 pm #89019
    wensolutions
    Keymaster

    Hello @mengeler,

    Glad we could help.

    If you have any issues further then please let us know.

    Also, we would really appreciate if you could help us by rating our theme by following the link given below:

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

    Thank you.

    Best Regards!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.