product-category overlay on category image

[Jacqueline]

Jacqueline

February 13, 2018 at 8:45 am

Hello,
I am trying to either remove or re-color the background on the overlay on the WooCommerce product-category image H5.

On top of the category-image, there’s an H5 header with a background overlay displaying the category name and count.

I can change the background color of the overlay with the code below, but when removing the cursor from the H5 but leaving it on the img, the overlay darkens back to another color. So what I’m trying to turn off is the hover effect on the category image itself.

Is there a way to remove the hover transition entirely?

This is what’s successfully changing the overlay color on the H5.
.product-category.grid_item a h5, .product-category.grid_item a h5:hover, .product-category.grid_item a h5:visited, .product-category.grid_item a h5:link{
color: #1780d6;
background: #ffdc73;
background: rgba(255,220,123,.9);
}

Thank you

JF