Add TIKTOK logo to website - Template Hyde

Site URL: https://luluthelabel.com/

In the header and footer I have my social media links, however I am unsure how to add a custom logo for TIKTOK. I have tried a few different ways, however the custom code is not working. My website template is 'Hyde'. Thanks. 

Hello there!

To add this icon to your website you will need to download the TikTok social icon in either a PNG or SVG format. Once you've found the icon you want to use, upload it to Squarespace or use a third-party host.

Navigate to Design > Custom CSS.

For Header:

.SocialLinks-link.url svg  {
  visibility:hidden;
}
.SocialLinks-link.url {
background-image: url(YOUR_TIKTOK_SVG/PNG_LINK_HERE);
    background-size: cover;
    background-repeat: no-repeat;
    transform:scale(1);
}

For the Footer:

.sqs-svg-icon--wrapper.url div {
    visibility: hidden;
}
.sqs-svg-icon--wrapper.url {
    background-image: url(YOUR_SVG/PNG_LINK_HERE);
    background-size: cover;
    background-repeat: no-repeat;
}

Hope this helps! Let me know if you need any further assistance or help.

-Dan

You can pick the icon from iconmoon

https://icomoon.io/iconsabf18a1/4/808.svg

12 hours ago, bangank36 said:

You can pick the icon from iconmoon

https://icomoon.io/iconsabf18a1/4/808.svg

Thank you so much🙂