How to add hover effect for product price in brooklyn theme??
1 Like
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
share store url
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
@gurman what you need to do on hover on price?
span.grid-product__price:hover {
color: red !important;
}
Add this code in the bottom of the theme.css file
- Navigate to Online Store->Theme->Edit code
- Asset->/theme.css ->paste above code at the bottom of the file.
- Save it.
did not work
also theme.css is not there in brooklyn
@gurman its working refresh and then check
but where add it??
i can’t find theme.css in assets
’
you have theme.scss not theme.css
ok
did this but still not working
@gurman its working
by hover price, i meant, that the product prices stay hidden unless we hover over the product
@gurman ok then add this code and try
span.grid-product__price{ display:none !important }
span.grid-product__price:hover { color: red !important;display:block !important ;}
https://crepdogcrew.com/ see this website for example
i want the hover like this