Support » Plugin: WooCommerce » Hiding the yellow product count mark

Viewing 14 replies - 1 through 14 (of 14 total)
  • 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;
    }

    Thread Starter ckdestef

    (@ckdestef)

    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

    Roy Ho

    (@splashingpixelscom)

    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;
    }

    Roy Ho

    (@splashingpixelscom)

    @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

    Thread Starter ckdestef

    (@ckdestef)

    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

    Roy Ho

    (@splashingpixelscom)

    @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.

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

    Thread Starter ckdestef

    (@ckdestef)

    @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

    Roy Ho

    (@splashingpixelscom)

    @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

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Hiding the yellow product count mark’ is closed to new replies.