J-BusinessDirectory - Overlay for Modules: mod_jbusiness_listings

Hi

How can I change the color or the overlay that appears on the listing logo in  Modules: mod_jbusiness_listings

Using view type 'Simple 1'

It is currently a dark grey and we would like to lighten it please.

Thank you

Have you tried with change the custom css there and it doesnt work?

You can change the overlay color only by using CSS. You can override the CSS style on the template level or in the directory general settings -> custom css tab.

I am asking for help, if I knew what CSS code to use I would not be asking for help.

I know where to put it but I don't know what code to write 

I tried

.hoverable:hover {
background-color: rgb(240, 240, 240, 0.7);
}

But that didn't work well at all.