mattr1998

Thank you very much! 😃

Here is the social icon I think,

Site URL: https://www.twenty4seventrends.com/london-personal-shopper It is because I want to add a fade effect with CSS after that includes the custom social link for TikTok

Site URL: https://www.twenty4seventrends.com/london-personal-shopper Hi, please could someone advise me on how to make the TikTok logo in the footer fade when other icons like Facebook, Instagram, Pinterest, Spotify, are selected besides it. Thank you very much! - Here is the code for the TikTok logo, .sqs-svg-icon-- wrapper[href*=tiktok] .sqs-svg-icon--social { display: none; } .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper[href*=tiktok] { background: #FFFFFF; } .sqs-svg-icon--wrapper[href*=tiktok] { background: #FFFFFF; } .sqs-svg-icon--wrapper[href*=tiktok]:hover{ background: #FFFFFF !important;; } .sqs-svg-icon--wrapper[href*=tiktok] > div { display: inline-block; background: url(https://static1.squarespace.com/static/5df682403e4f3755a0064ca9/t/624dfc919e023b4afd9f2cc2/1649278097668/t4st_tiktoklogo.png) no-repeat; background-size: cover; width: 41%; height: 51% ; top: 23%; left: 27%; transform: translate(-50%, -50%) } ---- nav.sqs-svg-icon--list:hover a { opacity: 0.5; } I have tried this code but the issue is that it overlaps the fade makes everything fade

Thank you so much!! I really appreciate the support!

Note: Custom CSS does not apply to Cover Pages. I just read this now but if there is any way to work around it, it would be very appreciated!

Site URL: https://www.twenty4seventrends.com/ Hi, can someone tell me why I am having this issue where the TikTok logo I added to the website is not loading on the live website but only appears in the custom css? Here is the code /* TikTok Logo coverpage */ [href *='tiktok'] { content: ''; display: inline-block; width: 100%; height: 100%; background-image: url(https://static1.squarespace.com/static/5df682403e4f3755a0064ca9/t/624df2e351e56f6e897d8e81/1649275619557/Tiktokcoverpagetest.png); background-repeat: no-repeat; background-position: center center; background-color: white; } /* Hide URL logo */ [href *='tiktok'] svg, [href *='tiktok'] svg { visibility: hidden; } /* Opacity transition not directly hovered */ [data-slice-type="social-icons"]:hover [href *='tiktok']:not(:hover){ opacity: 50%; transition-property: opacity; transition-duration: 170ms; transition-timing-function: ease-in-out; transition-delay: 0s; } Thank you,