I want to remove this icon - not the button entirely, but I’d like the button to just say “Add to Cart” without the icon on Atelier Theme - any insight? The theme has pretty limited customizations for the buttons as a whole and removing that will be CSS, which I’m capable of implementing if anyone can assist with targeting this. Thank you!
Topic summary
A user wants to remove the shopping cart icon from the “Add to Cart” button on the Atelier theme’s product detail page while keeping the button text intact. The theme offers limited built-in customization options for buttons, requiring a CSS solution.
Solution Provided:
A CSS code snippet was shared to hide the cart icon:
span.svg-wrapper.add-to-cart-icon {
display: none;
}
The solution targets the specific SVG wrapper element containing the icon. A before/after screenshot demonstrates the expected result—the button displays only “Add to Cart” text without the cart graphic.
Status: The issue appears resolved with the provided CSS code, pending confirmation from the original poster.
3 Likes
Whats you store url @blakelyhi
Thanks
@blakelyhi Please share with me store url.
hi @blakelyhi
Add the below code
span.svg-wrapper.add-to-cart-icon {
display: none;
}
Hope this helps
1 Like