If you’ve been frustrated with the fact that SquareSpace doesn’t have an icon for TikTok you aren’t alone! In today’s video I’m sharing how to easily upload the TikTok icon to SquareSpace along with other custom icons. All the code for this tutorial is pasted below!
CODE TO CHANGE URL LINK TO CUSTOM ICON:
.sqs-svg-icon–wrapper.url div {
visibility: hidden;
}
.sqs-svg-icon–wrapper.url {
background-image: url(URL GOES HERE);
background-size: cover;
background-repeat: no-repeat;
}
CODE TO CHANGE URL LINK IN HEADER:
.icon[aria-label=”URL”] svg {
visibility:hidden;
}
.icon[aria-label=”URL”] {
background-image: url(URL GOES HERE);
background-size: cover;
background-repeat: no-repeat;
transform:scale(1);
}
CODE TO CHANGE OUT OTHER SOCIAL ICONS:
.sqs-svg-icon–list a:nth-of-type(1) {
svg {
display:none;
}
background-image: url(URL GOES HERE);
background-size: 100%;
background-repeat: no-repeat;
}
♥ READY TO WORK TOGETHER? ♥ → https://www.kenzigreendesign.com/contactkenzigreendesign
UNLOCK MY SECRET YOUTUBE VIDEO: https://www.kenzigreendesign.com/secret-youtube-video
GET MY FREE BRANDING CHECKLIST: https://www.kenzigreendesign.com/free-branding-checklist
DESIGN BUSINESS ACADEMY: https://thebriefcollective.com/course
SCHEDULE A DESIGN COACHING CALL WITH ME: https://calendly.com/kenzi-green-design/1-1-design-mentor-session
JOIN MY COMMUNITY FOR DESIGNERS: https://thebriefcollective.com/links
TIKTOK MASTERCLASS: https://www.kenzigreendesign.com/tiktok-masterclass
________
𝙒𝙚𝙗𝙨𝙞𝙩𝙚: https://www.kenzigreendesign.com/
𝙀𝙙𝙪𝙘𝙖𝙩𝙞𝙤𝙣: https://www.kenzigreendesign.com/courses
𝙄𝙣𝙨𝙩𝙖𝙜𝙧𝙖𝙢: https://www.instagram.com/kenzigreendesign/
𝙏𝙞𝙠𝙩𝙤𝙠: https://www.tiktok.com/@kenzigreendesign
