WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Hiding the yellow product count mark (15 posts)

  1. ckdestef
    Member
    Posted 1 year ago #

    Hey out there,

    Could someone please advised me how I could hide the yellow product count marks shown in this screenshot?

    Thanks in advance. My client hates them and I'm helpless to take them off :)

    Best,
    Craig

    http://wordpress.org/extend/plugins/woocommerce/

  2. IgniteWoo
    Member
    Posted 1 year ago #

    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

  3. daileycon
    Member
    Posted 1 year ago #

    Try:
    mark {
    display: none !important;
    }

  4. ckdestef
    Member
    Posted 1 year ago #

    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

  5. Roy Ho
    Member
    Posted 1 year ago #

    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.

  6. daileycon
    Member
    Posted 1 year ago #

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

  7. Roy Ho
    Member
    Posted 1 year ago #

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

  8. daileycon
    Member
    Posted 1 year ago #

    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?

  9. daileycon
    Member
    Posted 1 year ago #

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

  10. ckdestef
    Member
    Posted 1 year ago #

    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

  11. Roy Ho
    Member
    Posted 1 year ago #

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

  12. IgniteWoo
    Member
    Posted 1 year ago #

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

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

  13. ckdestef
    Member
    Posted 1 year ago #

    @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

  14. Roy Ho
    Member
    Posted 1 year ago #

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

  15. riverie
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags