Grey background with category name on image

Any ideas?

That definition is not enough for us not using the same styles as you!

So it will be much more useful, if there is a link to a live site, or a screenshot etc.

Btw, the browser properties like, “Inspect element with Firebug” or “Edit Element” etc will be very useful to see the class/parameter of the style and which stylesheet controls it.
Using that info, you can change every CSS style by re defining them in your own custom.css file.

Have a look at those tutorials showing the browser extensions and changing css styles.

Hiya sorry I’ve clearly not provided enough information.

I’m using virtue theme. Heres a link to an example: https://newforestaromatics.co.uk/shop

When I use firebug to try and find the css I can only find an <h5>. There is no div that seems to apply to the strip that goes over the image with title in.

<div class=”product-category grid_item”>

<img alt=”Bath & Shower” src=”https://newforestaromatics.co.uk/wp-content/uploads/2014/09/bath-and-shower.jpeg”&gt;
<h5>
Bath & Shower
<mark class=”count”>(7)</mark>
</h5>

</div>

Please see firebug screen print: https://newforestaromatics.co.uk/wp-content/uploads/2014/09/capture-1024×544.png

I hope this is information for some insight into how to so this.

Thank you

I managed to work it out! I found the product-category class name so I didnt have to change the h5 in general.

.product-category h5 {
background: #555f2c !important; }

.product-category h5:hover{background: #81923c !important;}

I am trying to do the same thing. I am not very technical. In what file did you find this code?