Wee grey box on woocommerce page

Hi, can you please help me remove the little grey box appearing underneath shop on the shop page? Thanks http://lochnessgin.co.uk/shop/

Louise

Hello Louise,

I don’t see it, can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Hi Roman, it’s the grey box underneath the word shop, I think it is for a ‘count’ maybe?

Thanks

Okay Louise,

Thank you for the screenshot, I was looking for grey box under your products :slight_smile:

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

div#primary p.woocommerce-result-count {
    border: none;
}

Kind Regards, Roman.

Hi Roman, still there I’m afraid…even with the code added.

Any other suggestions?

Hello Louise,

I have just checked your website and that code is there, it’s applied.

I don’t see that grey box anymore.

Can you please try to clear your browser cache and see if it helps?

Kind Regards, Roman.

Hi Roman,

Thank you, as always :slight_smile:

It’s still there for me, I just tried an incognito window too. The box doesn’t have a border anymore, so it is very feint, but still there. Is it possible to remove completely?

Thanks very much!

Hello Louise,

Please try to use this custom CSS code instead of previous:

div#primary p.woocommerce-result-count {
    border: none;
    background-color: transparent;
}

Kind Regards, Roman.

That’s worked, lots of thanks and good wishes :slight_smile:

You are welcome Louise! :slight_smile:

Kind Regards, Roman.