Hello @kirsten11123
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
#shopify-section-template--17158298108094__collection-list .button:hover {
color: #fff;
}
Topic summary
A user encountered a CSS issue where button hover colors matched the button text color, making text unreadable on hover.
Solution Provided:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locate the
theme.cssfile in Assets - Add custom CSS targeting the specific button class to set hover text color to white (
#fff)
Outcome:
The solution successfully resolved the issue. The helper requested the user mark the response as accepted if helpful for future reference.
Status: Resolved
1 Like