TikTok Social Icon

Site URL: https://dev-sittinprettyphotobooth.squarespace.com/

SqSp doesn't register tiktok when inputting the URL like FB and IG. CSS I've tried so far isn't doing the trick. Can anyone help? See the bottom of the page at https://dev-sittinprettyphotobooth.squarespace.com/

Hey @SmallSitesSarah try to use this free plugin for the TikTok social icon. Live demo

On 11/11/2021 at 1:32 PM, SmallSitesSarah said:

Site URL: https://dev-sittinprettyphotobooth.squarespace.com/

SqSp doesn't register tiktok when inputting the URL like FB and IG. CSS I've tried so far isn't doing the trick. Can anyone help? See the bottom of the page at https://dev-sittinprettyphotobooth.squarespace.com/

You can add this to Settings > Advanced > Code Injection > Footer to add Tiktok icon

 <script>
var tiktoks = document.querySelectorAll('a[href*="tiktok"]')

tiktoks.forEach(item => {
    item.innerHTML = `
<svg fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 50 50">
  <path fill-rule="nonzero" d="M37.006,22.323C36.779,22.344 36.549,22.358 36.316,22.358C33.693,22.358 31.388,21.009 30.047,18.97L30.047,30.507C30.047,35.216 26.229,39.034 21.52,39.034C16.811,39.034 12.993,35.216 12.993,30.507C12.993,25.798 16.811,21.98 21.52,21.98C21.698,21.98 21.872,21.996 22.047,22.007L22.047,26.209C21.872,26.188 21.7,26.156 21.52,26.156C19.116,26.156 17.168,28.104 17.168,30.508C17.168,32.912 19.116,34.86 21.52,34.86C23.924,34.86 26.047,32.966 26.047,30.562C26.047,30.467 26.089,10.968 26.089,10.968L30.105,10.968C30.483,14.559 33.382,17.393 37.006,17.653L37.006,22.323Z"/>
</svg>`
})
</script>

@tuanphanI can't believe I haven't seen your reply for 7 months! I had completely given up. But your code worked perfectly. Thank you!!!🤩