Product Details Rollover Text

Site URL: https://www.seapearls.com/lead-weight

Does anyone know how to change the font on the Products page grid to have a rollover?

I just need the text under the thumbnails to change color on the hover state.

Thanks!

Sample page: https://www.seapearls.com/lead-weight
(text under images to change color on hover)

Add to Home > Design > Custom CSS

h1.ProductList-title:hover {
    color: red !important;
}

4 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

h1.ProductList-title:hover {
    color: red !important;
}

 

Thanks for the response! I dropped in the code into the Custom CSS and didn't see any changes. Is there anything more I should do? 

On 5/6/2020 at 11:30 AM, vidiot said:

Thanks for the response! I dropped in the code into the Custom CSS and didn't see any changes. Is there anything more I should do? 

Remove above & add this to Home > Design > custom CSS

.ProductList-item:hover h1.ProductList-title {
    color: red !important;
}