How do I change the Rollover colour on the products for my store front

[KooriRadio]

Hi everyone

I'm trying to change the colour of the rollover state for the featured products in my storefont as it's a REALLY off colour for our scheme but for the life of me I cannot locate how.

Any ideas???  

This is the page...

https://www.kooriradio.com/store/c1/Featured_Products.html

Many many thanks in advace

[Adam7]

Hey @KooriRadio! What color did you want it to be instead?

[KooriRadio]

Hi Adam

It's a hover state but I think we'd just keep it black with White text over the top. At the moment it's like a brownish colour.

Cheers

[Bernadette3]

Hm.. I'm not seeing it anywhere, but the hex code for that color is #CEAB8F

I don't know if that helps you at all, but I'll also check with some of our members to see if they have any input where to find that overlay. Thanks!

[KooriRadio]

Hi Bernadette

Thanks for your help, although I'm not 100% sure what I should do with the hex value. 

IS that so I can go into the CSS and make the change?

Can you direct me to the best place to alter the CSS? I haven't attempted to do that yet.

THANKS!

[Adam7]

Try adding this to Settings > SEO > Footer Code, @KooriRadio:

<style>
	.wsite-com-category-subcategory-wrap:hover .wsite-com-category-subcategory-name-bg
	{
		background: #000 !important;
	}
</style>

That should make the background stay black on the live site.

[KooriRadio]

That worked beautifully THANKS so much!

I was able to change the text colour to white on my own but now am wondering how to change the Horizontal line underneath? it's still that off brown colour.

It's not the end of the world if it can't be done but wondering if you'd know how to make it black.

Here's the URL. It's the line sitting under the product name.

https://www.kooriradio.com/store/c1/Featured_Products.html