Support » Plugin: WooCommerce » how to remove tags from product page

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi @hayden34, you can add below code into theme custom.css:

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

    when you say theme custom .css?
    Is that Appearance > Editor and add to the bottom of that?

    or
    Appearance > Theme options > Custom Code CSS and add it there?

    I have done both separately and nothing has happened?

    Hi @hayden34, you can add into bottom of custom.css or style.css at Appearance > Editor.

    Maybe you try this also:

    .single-product .summary .product\_meta { display:none; }

    Thanks Terry but no luck?!

    Hi @hayden34, please put at the end of the file, not within @media only screen and (max-width: 479px) {} 🙂

    Nope no luck again?

    ooh, is it. i checked http://district5ive.com/wp-content/themes/theretailer/style.css, it showed:

    @media only screen and (max-width: 479px) {
    
    /* /PAGE TITLES */
    
    h1.entry-title.gbtr_post_title_listing,
    h1.page-title.gbtr_post_title_listing,
    h1.entry-title.gbtr_post_title_listing a,
    h1.page-title.gbtr_post_title_listing a
    {
    	font-size: 24px;
    	text-align: left;
    }
    
    /* /PRODUCT TITLES */
    
    div.product .product_title,
    #content div.product .product_title {
    	font-size: 24px;
    }
    
    li.product-category {
    	padding: 0 3px 30px 0px;
    }
    
    .woocommerce form .form-row label.inline,
    .woocommerce-page form .form-row label.inline {
    	margin: 0;
    }
    
    .single-product .summary .product\_meta { display:none; }

    Please change it by adding a “}” before .single-product…

    @media only screen and (max-width: 479px) {
    
    /* /PAGE TITLES */
    
    h1.entry-title.gbtr_post_title_listing,
    h1.page-title.gbtr_post_title_listing,
    h1.entry-title.gbtr_post_title_listing a,
    h1.page-title.gbtr_post_title_listing a
    {
    	font-size: 24px;
    	text-align: left;
    }
    
    /* /PRODUCT TITLES */
    
    div.product .product_title,
    #content div.product .product_title {
    	font-size: 24px;
    }
    
    li.product-category {
    	padding: 0 3px 30px 0px;
    }
    
    .woocommerce form .form-row label.inline,
    .woocommerce-page form .form-row label.inline {
    	margin: 0;
    }
    
    }
    
    .single-product .summary .product\_meta { display:none; }

    Hope this time will work 🙂

    Sorry Where am i adding this?

    Sorry for my ignorance..

    Hi @hayden34, you need to edit style.css in Appearance > Editor. No worry, hope you can solve this.

    Ah you legend!

    Thanks so much.

    Also, this might be quick for you, can you please show me the coding to remove page headers?

    Hi, you can refer here, cheers!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘how to remove tags from product page’ is closed to new replies.