racheb Posted November 29, 2021 Share Posted November 29, 2021 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! Link to comment
Beyondspace Posted November 29, 2021 Share Posted November 29, 2021 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 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
racheb Posted November 29, 2021 Author Share Posted November 29, 2021 I've sent you a message x Link to comment
tuanphan Posted December 1, 2021 Share Posted December 1, 2021 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? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment