Jump to content

Changing cart icon (not in header)

Recommended Posts

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:

728454569_Screenshot2021-11-29at14_14_13.png.1ef60027f358cbda6a5fd909e55ababe.png

Any help would be greatly appreciated!

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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:

728454569_Screenshot2021-11-29at14_14_13.png.1ef60027f358cbda6a5fd909e55ababe.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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:

728454569_Screenshot2021-11-29at14_14_13.png.1ef60027f358cbda6a5fd909e55ababe.png

Any help would be greatly appreciated!

 

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.