olenastasula Posted January 7, 2021 Share Posted January 7, 2021 Site URL: https://www.oleiajewelry.com/ Hello, I am trying to replace my default cart icon to a custom .png icon. I feel like I've tried everything and even searched for some similar threads on here. I've tried the following 2 codes (all I could find) and it still is not working for me: span.Cart-label { visibility: hidden; } span.Cart-label:after { visibility: visible; content: ""; background: url(https://beaverhero.com/wp-content/uploads/2019/11/List-71.png) center center no-repeat; background-size: cover; display: inline-block; width: 30px; height: 30px; } .icon--cart { svg { display:none; } background-image: url(IMAGEURL); background-size: 20px 20px; background-repeat: no-repeat; } Is anyone able to help me with this? Thank you! Olena Link to comment
tuanphan Posted January 10, 2021 Share Posted January 10, 2021 Remove above code & add this code span.Cart-inner>*:not(:last-child) { visibility: hidden; } span.Cart-inner { visibility: visible; content: ""; background: url(https://beaverhero.com/wp-content/uploads/2019/11/List-71.png) center center no-repeat; background-size: contain; display: inline-block; } 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
olenastasula Posted January 28, 2021 Author Share Posted January 28, 2021 I just saw this! Thank you! It worked!!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.