Gibsons Posted January 1, 2022 Share Posted January 1, 2022 Site URL: https://www.ianwallacemusic.com/ Howdy! I'm looking to replace the generic URL icon on my header social links -- Bandcamp apparently doesn't qualify for its own built-in icon. I've scoured these forums and tried numerous CSS codes already posted, as well as every one on Google I could find, but none seem to work for header social links. Here's the icon I'd like to use (although I can easily change this if its the wrong format etc):https://static1.squarespace.com/static/5aaec4cf9f8770ba4a81cbda/t/61cf981fc928c16903324198/1640994847093/bandcamp.png Here's my website: ianwallacemusic.com I do not have the business plan, and so am limited to CSS options only. Thanks so much in advance! Link to comment
Solution Beyondspace Posted January 2, 2022 Solution Share Posted January 2, 2022 On 1/1/2022 at 10:16 AM, Gibsons said: Site URL: https://www.ianwallacemusic.com/ Howdy! I'm looking to replace the generic URL icon on my header social links -- Bandcamp apparently doesn't qualify for its own built-in icon. I've scoured these forums and tried numerous CSS codes already posted, as well as every one on Google I could find, but none seem to work for header social links. Here's the icon I'd like to use (although I can easily change this if its the wrong format etc):https://static1.squarespace.com/static/5aaec4cf9f8770ba4a81cbda/t/61cf981fc928c16903324198/1640994847093/bandcamp.png Here's my website: ianwallacemusic.com I do not have the business plan, and so am limited to CSS options only. Thanks so much in advance! Try [href*="bandcamp"] svg { display : none; } [href*="bandcamp"]:after { content: ''; display: block; width: 100%; height: 100%; background-image: url(https://static1.squarespace.com/static/5aaec4cf9f8770ba4a81cbda/t/61cf981fc928c16903324198/1640994847093/bandcamp.png); background-size: 50%; background-position: 50%; background-repeat: no-repeat; } Let me know how it works on your site Support me by pressing 👍 if this useful for you tuanphan and Gibsons 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted January 2, 2022 Share Posted January 2, 2022 My testing BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Gibsons Posted January 2, 2022 Author Share Posted January 2, 2022 THANK YOU BaNgan -- this solution works perfect. I really appreciate your help! Beyondspace 1 Link to comment
MickMazz Posted March 3, 2022 Share Posted March 3, 2022 I tried using this code for a Bandcamp icon on my site, but the icon didn't appear. (It just blanks the generic icon out completely.) Any solution for me? I wish squarespace could just add this one to their basic roster of icons! Link to comment
creedon Posted March 4, 2022 Share Posted March 4, 2022 @MickMazz Please post the URL for a page on your site where we can see your issue. If the code is not installed then please install it so we can see it in action and hopefully diagnose the issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue. MickMazz 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MickMazz Posted March 4, 2022 Share Posted March 4, 2022 Thanks for all this information, creedon! I'm new here. creedon 1 Link to comment
tuanphan Posted March 6, 2022 Share Posted March 6, 2022 On 3/4/2022 at 9:10 AM, MickMazz said: URL: https://mazzarellamusic.com/ PSWD: mickmazz20 Just trying to get the Bandcamp logo to appear in the row of social media icons, between Apple Music and Instagram, at the bottom of the page. Many thanks, experts! In your code, the bandcamp url doesn't exist. You should check it again https://static1.squarespace.com/static/5aaec4cf9f8770ba4a81cbda/t/61cf981fc928c16903324198/1640994847093/bandcamp.png Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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