SmallSitesSarah Posted November 11, 2021 Share Posted November 11, 2021 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/ SquareRefresh 1 Link to comment
SquareRefresh Posted November 11, 2021 Share Posted November 11, 2021 Hey @SmallSitesSarah try to use this free plugin for the TikTok social icon. Live demo tuanphan 1 SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
tuanphan Posted November 14, 2021 Share Posted November 14, 2021 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> SmallSitesSarah 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SmallSitesSarah Posted June 18, 2022 Author Share Posted June 18, 2022 @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!!!🤩 tuanphan 1 Link to comment
Solution paul2009 Posted November 23, 2022 Solution Share Posted November 23, 2022 It is no longer necessary to add custom code to add a TikTok logo to built-in social icon areas (all version 7.1 sites, and some version 7.0 templates) or Social Links blocks. This is now included by default. Did this help? Please give feedback by clicking an icon below ⬇️ SmallSitesSarah 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment