Hey ! the delete button appear only on hover mouse i don’t know why :
how can i fix this ?
website: utopia-paris.fr
theme : studio
thanks !!
Topic summary
A Shopify store owner using the Studio theme encountered an issue where the delete button for removing products from the cart only appeared on mouse hover, making it invisible by default.
Problem Details:
- The delete button (trash icon) was hidden until users hovered over the cart item
- This affected the cart page user experience
- Screenshots were provided showing the hover-only visibility
Solution:
The issue was resolved by adding CSS code to make the button permanently visible:
- Navigate to: Online Store → Theme → Edit Code
- Locate one of these files: base.css, theme.css, style.css, main.css, or custom.css
- Add the following code at the end:
a.button.button--tertiary {
color: black !important;
}
Outcome:
The CSS fix successfully made the delete button visible at all times, resolving the hover-only display issue.
Hi @UTOPIA-PARIS ,
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-item__quantity-wrapper.quantity-popover-wrapper {
display: none !important;
}
hey this is not what i mean to be :
i want to this button who allow to delete a product from cart appear all time, i dont knwo why it’s appear only on hover effect
Please try this code. @UTOPIA-PARIS ,
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.
a.button.button--tertiary {
color: black !important;
}
it works !! thanks !!!
1 Like