Hi,
I have a css issue I think.
I would like to change “buy now” button bacground-color on hover.
The problem is buy button is not like others in terms of classes etc. It seems that it is somhow special and more “owned” by shopify.
I’ve try to use this css:
.shopify-payment-button__button:hover{
background-color: #9AAF7C !important;
color: white;
}
What is weird it changes color (text color) to white on hover but does not change button color (background color)
I would be grateful for help
Piotrek
Steven,
Yes. I am designin it.
You can easyli check the case in the theme preview on shopify website
https://themes.shopify.com/themes/prestige/styles/couture/preview
When you enter particular product page the button I am speaking about is this one:
Buy it now
Hi @piotrek83 ,
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/->theme.css paste below code at the bottom of the file:
.shopify-payment-button button:hover:before{
background-color: #9AAF7C !important;
color:white;
}
Hope my answer will help you.
Best regards,
Victor | PageFly
It works. Thank you PageFly-Victor!
@PageFly-Victor Will this work for dawn? Also I cant find theme.css. Is this code specific to the theme Piotrek is using?
Kind regards,
Mathers
