Home Forums Pro Themes Biography Pro Add Mastodon Social Icon

This topic contains 4 replies, has 2 voices, and was last updated by  wensolutions 4 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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

    #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).

    #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!!

    #88981

    SantaDroid
    Participant

    Thx, it worked flawlessly 🙂

    #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!!

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

You must be logged in to reply to this topic.