Remove the Product Count on Woocommerce Categories

Sorry, can’t seem to embed the image. Please visit this link https://i1063.photobucket.com/albums/t502/drakedanner/ScreenShot2012-08-06at31802PM.png

Please assist.

drakedanner,

I have exactly the same problem.

With firebug, I can see that it is within the woocommerce.css but if I remove (display:none) it, the title goes with it. It seems that the title and the count are linked together.

Hope someone has a definite answer.

I hope someone helps us out. I saw on another forum someone was able to override the highlight by making the background “important” in style.css I think. I can’t write code. Just copy and paste for now haha. Is there a way to make the background color Override the highlight color?

Thanks.

I tried !important but didnt change anything (i am using a picture as background).

How could I test that? I’m using a color.

You need to add !important; after your background color in your style.css file.
It should look something similar to:
body.custom-background {
background-color: #color code;
}

so it becomes:
body.custom-background {
background-color: #color code !important;
}

give me the link to your site if you want me to have a look

Celebrationcosmetics.com

If you want to remove it you have a couple options:

You can use

ul.products .count { display:none !important; }

But use the above in your site css file. Don’t use it in the woocommerce css or it will just get overwritten upon updating.

Woocommerce makes it possible to also adjust any output using one there plugable functions. Though, if you are not comfortable with php, then I advise to only use CSS.

So just put it at the bottom of style.css?

Yep. I did exactly that with firebug on your site and it was gone.

Thank you so much.

No problem. If you plan on doing lots of editing to a template you should try the free Firebug along with Web developer plugin for Firefox if you don’t have it already. It will allow you to edit the css live and target css items quicker.

I’ve seen a lot of good things about it. I need to download Firefox first.

adding:

mark {
display: none;
}

to style.css also works.