Adding Bandcamp Logo to Social Icons

Site URL: http://www.mazzarellamusic.com

Does anyone know how I can add this bandcamp logo to the row of social links at the bottom of my pages, so that the link doesn't show the generic icon anymore?

www.mazzarellamusic.com

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;
}

Leaux Fi -

Thank you! That took care of it. Perfectly clear explanation.

Many thanks to you!

Hey guys, thanks for helping with this. 

I have done the above steps.

What do I do next to have bandcamp display?

My website is https://thesevenups.com.au/

The bandcamp link is : https://thesevenups.bandcamp.com/

Any help would be great.

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.

All good, thanks for getting back to me. I found the correct forum: