Jump to content

Adding Bandcamp Logo to Social Icons

Recommended Posts

Two steps that worked for me.

1st - Go to Design> Custom CSS> Manage Custom Files > upload the icon 

2nd - input the code below in custom CSS, Delete the part inside the parenthesis that says "DELETE" you should see the parenthesis turn green. Click on manage custom files then click on the icon you want to use. It will auto-fill the parenthesis with the url of your icon photo. That should do it. 

 

NOTE: FOR ME I had to change the transform:scale() to 1.6 for it to match my other icons. Yours may be different, just experiment with the numbers until it works. example: maybe 1.5, 1.7, or 1.0 

 

//custom footer icon
.sqs-svg-icon--wrapper.url div {
    visibility: hidden;
}
.sqs-svg-icon--wrapper.url {
    background-image: url(DELETE);
    background-size: cover;
    background-repeat: no-repeat;
  transform:scale(1.6);
  position: relative;
    bottom: 0.5px;
}

Link to comment
  • 5 months later...
48 minutes ago, TSU said:

I have done the above steps.

What do I do next to have bandcamp display?

The code in this thread was not designed to work for social icons in the header. It was designed for Social Links blocks.

Please see the following.

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.