Remove yellow background behind product category in Shop page

[leahvachani]

Hello, I’ve scoured the internet trying to find a way to remove the yellow background behind my product categories in woocommerce. You can see what I’m talking about on my site:

lunchwithleah.com/shop/

I’ve tried adding various CSS to the theme but nothing is working. Please help!

[paul.r]

Hi,

To remove the yellow background, you can add this in Theme Options > CSS(global css)

.woocommerce h2.woocommerce-loop-category__title mark {
    background: transparent;
}

For future reference, I came up with that code using google chrome inspect element.

Hope that helps.

[leahvachani]

@paul.r

.woocommerce h2.woocommerce-loop-category__title mark {
background: transparent;
}

Thanks, that worked! Initially I put the code after another css code I had added and nothing changed. When I put the new code in before the other code it worked!

Thank you so much!

[XSupport]

You’re welcome