Andy25 Posted April 20, 2022 Posted April 20, 2022 Hello, I managed to remove the shopping cart icon but I still have the white background. I would like to remove the white background behind the green circle. I would also like to add "cart" in front of the number? Can you help me with this? Thanks
tuanphan Posted April 23, 2022 Posted April 23, 2022 Hi, What is your site url? We can check easier 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!)
Andy25 Posted April 23, 2022 Author Posted April 23, 2022 Hi Tuan, Thank you for your reply URL bellow: https://www.sororite.ca/home#boutique
tuanphan Posted April 24, 2022 Posted April 24, 2022 13 hours ago, Andy25 said: Can you share link to a product? I Can click add to cart to check... 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!)
Andy25 Posted April 25, 2022 Author Posted April 25, 2022 https://www.sororite.ca/boutique/p/large-organic-tote-bag
tuanphan Posted April 27, 2022 Posted April 27, 2022 Try adding this to Design > Custom CSS span.Cart-inner:before { content: "panier"; font-size: 10px; } 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!)
Andy25 Posted April 30, 2022 Author Posted April 30, 2022 Thanks for the code but I think it is not complete because the following points are missing : - The text "panier" is not on the same line of the number of products - The green square is not a pill Thank you so much tuanphan for your help
tuanphan Posted May 1, 2022 Posted May 1, 2022 17 hours ago, Andy25 said: Thanks for the code but I think it is not complete because the following points are missing : - The text "panier" is not on the same line of the number of products - The green square is not a pill Thank you so much tuanphan for your help Dont remove above code & add this code .floating-cart { min-width: 50px; flex-direction: column; border-radius: 30px; } span.Cart-inner:before { white-space: nowrap; width: auto !important; display: block; } span.sqs-cart-quantity:before { content: "("; } span.sqs-cart-quantity:after { content: ")"; } .floating-cart .icon { width: auto; } .icon-cart-quantity { top: -0.5em; } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment