Changing cart icon (not in header)

Hi,

Wondering is anyone can help, I've had some trouble with my custom code in template Montauk - I want to replace my cart icon to a png that is already uploaded in my custom files - I also want to update the color too. I have searched for an answer already here and used the below, but it's doesn't work:

span.Cart-label {
    visibility: hidden;
}
span.Cart-label:after {
    visibility: visible;
    content: "";
    background: url(IMAGE URL) center center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
}

This is what it currently looks like (note it's not in the header it only pops up if you have something in the cart:

Any help would be greatly appreciated!

8 minutes ago, racheb said:

Hi,

Wondering is anyone can help, I've had some trouble with my custom code in template Montauk - I want to replace my cart icon to a png that is already uploaded in my custom files - I also want to update the color too. I have searched for an answer already here and used the below, but it's doesn't work:

span.Cart-label {
    visibility: hidden;
}
span.Cart-label:after {
    visibility: visible;
    content: "";
    background: url(IMAGE URL) center center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
}

This is what it currently looks like (note it's not in the header it only pops up if you have something in the cart:

Any help would be greatly appreciated!

 

Can you share your site with the protected password to check it?
You can get reference about site password from the following link: https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

I've sent you a message x

On 11/29/2021 at 9:27 PM, racheb said:

Hi,

Wondering is anyone can help, I've had some trouble with my custom code in template Montauk - I want to replace my cart icon to a png that is already uploaded in my custom files - I also want to update the color too. I have searched for an answer already here and used the below, but it's doesn't work:

span.Cart-label {
    visibility: hidden;
}
span.Cart-label:after {
    visibility: visible;
    content: "";
    background: url(IMAGE URL) center center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
}

This is what it currently looks like (note it's not in the header it only pops up if you have something in the cart:

Any help would be greatly appreciated!

 

Do you still need help? Can you share access password & url?