Hiding the yellow product count mark

Just add some CSS to the theme stylesheet to hide them. Post a URL and I will look at it and give you the CSS code

Try:
mark {
display: none !important;
}

I had high hopes for that solution, but no cigar.

There is also a class referenced called “count”. Would that be a possibility?

Here’s a screenshot…

Thanks,
Craig

Try

h3 mark.count { background-color:transparent; }

Add that to the end of your stylesheet or to your custom one if your theme has that.

I’m using the Mystile theme and use this code to change the background to white and the text color.

mark {
background-color: white !important;
color: #8bc73c;
}

@daileycon – I don’t mean any disrespect but your css has two things wrong with it.

1. It is not specific enough which means that css will change any and all occurences of the tag mark with that style. What if on the site there is or will have a “mark” tag that is not related to that highlight area?

2. Never use !important unless you absolutely have no other choice. It is bad practice.

I needed to remove all the yellow backgrounds. I don’t even know what the !important does and I can’t remember where I copied the code from. I’m going to change mine when I get home, I think transparent; is better too.
They should change this in the next update and make it standard. Does anyone like the yellow?

I just changed mine to:
mark.count {
background-color: transparent;
color: #8bc73c;
}
and it works just the same, Thanks splashingpixels.com

Thanks you guys. The changes don’t want to take for me. I added them to the bottom of my stylesheet, pushed, and even cleared cache just in case. Nothing. Any ideas? I appreciate the help.

Craig

@ckdestef – if done correctly, it will most definitely work. So you may be pasted it in a wrong place where it is being override. It has to be pasted after the original declaration for it to work. Or the original style has an even higher specificity level and thus your override is not specific enough to override. But I can’t tell as I can’t see your site.

Try doing a validation on your CSS to make sure there aren’t any errors breaking the parsing.

https://jigsaw.w3.org/css-validator/

@splashingpixels

Thanks for the reply. Here’s the CSS, would you mind taking a peak?

https://dl.dropboxusercontent.com/u/4955139/style.css

Best,
Craig

@ckdestef – it is not much help looking at that css, you need to link to your site.

If you download the woodojo plugin (free) from woo themes and use dailycons solution above that worked for me