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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.