Change colour of hover animation

Support
#1

Hi there,
I’m using ethos and woocommerce.
On product page: Is it possible (I’m sure.) to change colour of hover animation and text inside?

Thanks a lot for help,
X is great :wink:

Linda

#2

Hi There,

Could you please send us with a screenshot?

Thanks.

#3

Of course!

#4

Hi there,

Please try this code in the custom CSS:

.woocommerce li.product .entry-wrap:before {
    background-color: rgba(129, 45, 211, 0.5);
}

.woocommerce li.product:hover .entry-wrap:before {
    background-color: rgba(129, 45, 211, 0.5);
}

.woocommerce li.product .entry-header h3 a, .woocommerce .price * {
    color: #000 !important;
}

You can get the rgba values here.

Hope this helps.

#5

Very very nice! Works fine! Thanks a lot!

#6

Glad to hear it!