[Ahmed Alkaddour]

Hello team,

Could you please advise how to change the red color that is showing on woocommerce products when I hover over them?

I tried to change colors in the theme options but did not work. it is always showing red colour when hovering on it.

Please let me know how to do it.

Picture attached in link below:
https://drive.google.com/file/d/13Ec46kwnZJFnmPrE-degZhfiz38WOHkh/view?usp=sharing

[Grace Support]

Hi,

Please share your website URL so we can check and assist you quickly.

Regards
Grace Themes

[Ahmed Alkaddour]

Hi,

here is the link:
https://watershedguitar.com/shop/

just try to hover over products and the red colour shows up.

if you need login info please let me know.

many thanks

[Grace Support]

Hi,

To change this color
Go to the Appearance -> Theme Options -> Basic Settings -> Custom CSS
add below css code

.woocommerce ul.products li.product:hover .price {
    background-color: #7642d3 !important;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    background-color: #7642d3 !important;
}

Please make this changes and let me know if you have any questions.

Regards
Grace Thenmes

[Author]

Posts