How can I add a custom social media icon?

  • Resolved iconweekly

    (@iconweekly)


    1 year, 4 months ago

    My theme does not have a field for TikTok. Is there a way I can add a field, or at least change the custom URL field to display TikTok’s logo instead of a link?

    I was able to go into the code and change the link title from URL to TikTok, but it looks odd showing a link symbol and not their recognizable “t”. Also, when I added the link itself, it worked in the page widget, but in the header social menu it defaults the link to my homepage regardless of the URL I type in.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    The social icons come from Font Awesome. There is a FA glyph for TikTok, but it may not be part of your FA kit. Assuming you get it incorporated, changing the span element’s classes (within the TikTok anchor link) to "fa-brands fa-tiktok" will cause the correct logo to be used.

    How to alter span classes? IDK, sorry. It depends on how the social menu items are implemented. You should ask through the dedicated support channel of whatever module is responsible for the social menu.

    Another approach would be to override the existing CSS with custom styling. Upload an image file of the logo and set it as the background for the span element. You’ll also need to define the element’s size and set it to display as a block.

    Thread Starter iconweekly

    (@iconweekly)

    @bcworkz

    I will contact the theme developers and see if they have a solution. I changed the “fa” in the code and the icon disappeared.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I add a custom social media icon?’ is closed to new replies.