1. Welcome to the Upload WP Community Forums!  This is the best place to get premium WordPress and WooCommerce support.  Please take a look around and join the Upload WP Community for FREE today!

WooCommerce: How to hide categories and tags on product page?

Discussion in 'Category & Product Setup' started by John, Feb 24, 2014.

  1. John

    John New Member Updated Profile

    Hi,

    I am gradually preparing to open my shop. But I need to edit the final things on the product page.

    My question is:

    How do I hide categories and tags on my product page?

    I've tried to put this code in my style.css, but without luck:

    . posted_in {display: none}
    . tagged_as {display: none}

    Here is a screenshot of what I mean: http://i.imgur.com/6QxtzQq.png
    I use WooCommerce 3.8.1.

    Kind regardes

    John
  2. Savidge4

    Savidge4 Upload WP Superstar

    Hey John, A couple 2 3 options here it depends on the Theme you are running, but I will offer up all the versions of this that I know work.I noticedon the code you supplied you were missing some syntax " ; " on the end of none. Just when you think that is bad, remind me to tell you the story of the 2 weeks a clients site was down for 2 weeks over a misplaced " , " ( comma ) Good times were had by all!

    So Option #1 is your code with the " ; "
    Code:
    .posted_in {
        display: none;
    }
    
    .tagged_as {
        display: none;
    }
    Option #2 would be the same but "important"
    Code:
    .posted_in {
        display: none !important;
    }
    
    .tagged_as {
        display: none !important;
    }
    And the 3rd would be the up my sleeve just in case code!
    Code:
    .product_meta .posted_in {
        display:none;
    }
    .product_meta .tagged_as {
        display:none;
    }
    Now, if neither of those work, we are fit to be TIED!

    Hope that Helps!




    Last edited: Mar 3, 2014
  3. John

    John New Member Updated Profile

    Hi Savidge4,

    Thanks for your help. The theme I use is Mystile 1.2.14. . I've tried all three codes, without any of them worked. I have posted them in my Mystile Child Theme (style.css).
    Is that right? :)

    kind regardes
  4. Savidge4

    Savidge4 Upload WP Superstar

    John,

    Its the "Custom.css" that you will want to place these in. Another place, that is 'Faster' to get to is 'Mystile' 'Theme Options' then 'Display Options' Right at the top you will see "Custom CSS" and you can place it right there.

    My process when customizing a site is placing them in the Display Options custom CSS box, and then when I am done with the customization processI will cut and paste those into the Full 'Custom.CSS' file.

    Hope that Helps!