Change hover color amount button
-
Hi,
Where can we change the hover color of the amount button on the single product page? If we click on + or – the color is now our default color. We would like to change the hover color.
Thank you.
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS.
.single-product div.quantity input[type="button"]:hover {
background-color: blue !important;
}
Best Regards,
Hi, It works but only the outline color does not change. See picture.
Attachments:
You must be
logged in to view attached files.
Hello,
Please try to use this Custom CSS code.
.single-product div.quantity input[type="button"]:hover {
background-color: #0008ff !important;
border-color: #0008ff;
}
Best Regards,
Hi, it works. But I am seeing thet the quantity input button is also in the cart and checkout. Is there no other with besides CSS to change the overall hover colour of the quantity input button.
Hello,
To change the color globally, navigate to Theme Settings > Styles and Colors > Form and change the form styles.
See Screenshot for better understanding: https://postimg.cc/Jyy0xM6B
Best Regards,