How to make the "remove from cart’ button visible? I’ve included a screenshot with a red circle where the “remove from cart” button is, but because the button is white, ontop of a white background, it is invisible.
URL: billon.maison
theme: Origin
Topic summary
A user is experiencing a visibility issue with the “remove from cart” button on their Shopify store (using the Origin theme). The button appears white on a white background, making it invisible to customers.
Proposed Solution:
- Navigate to Online Store → Theme → Edit Code
- Locate one of the CSS files (base.css, theme.css, style.css, main.css, or custom.css)
- Add the following CSS snippet at the end of the file:
.cart-remove-button span.svg-wrapper {
color: black !important;
}
This CSS targets the button’s SVG icon and changes its color to black, making it visible against the white background. The issue remains unresolved pending implementation by the original poster.
Hi @MaisonBillonDon ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.cart-remove-button span.svg-wrapper {
color: black !important;
}