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
