Product Information Buy Button Hover Background Color Not Showing

Shopify Discussion
1

Hello,

I need help figuring out why the buy button hover background color won’t change when I add the coding.

.button:hover {
background-color: #7e775b;
}

Thank you!

Screenshot 2024-11-15 at 11.33.40 AM.png
Screenshot 2024-11-15 at 11.33.40 AM.png2318×1434 289 KB

2

Hi @riveringroots

Can I have the store URL to check further on it for you?

Thank you so much.

3

URL: https://riveringroots.com

pass: rtawqpz

4

URL: https://riveringroots.com

pass: rtawqpz

5

@LizHoang were you able to look into this?

6

Hi @riveringroots

So sorry for the late reply.

I notice your code is missing a elemen therefore it doesn’t work: https://prnt.sc/10fVlD93Db3O. You can fix it by adding " !important" at the end like this to make it works:

LizHoang_1-1734421348759.png
LizHoang_1-1734421348759.png1255×551 132 KB

If it is still not working, you can try my code here:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

.product-form__buttons button.product-form__submit:hover {
    background: #7E775B !important;
}