Hi there! I am working on a website that requires TikTok social icon. I have created the custom CSS to put the new icon in, however, it currently stays the same color on all backgrounds. Is it possible to have this change with the rest of the social icons?
/* TikTok icon */
.sqs-svg-icon--wrapper.url div {
visibility: hidden;
}
.sqs-svg-icon--wrapper.url {
background-image: url(https://static1.squarespace.com/static/61ae43157dfe805523d824a3/t/61b38d68c0f82e26de0542a8/1639157097040/tiktok.png);
background-size: cover;
background-repeat: no-repeat;
}
On yellow background it looks correct. In footer (green background), I need it to change to white
'
Thanks in advance!!