WordPress.org

Support

Support » Plugins and Hacks » how to remove tags from product page

how to remove tags from product page

Viewing 11 replies - 1 through 11 (of 11 total)
  • terrytsang
    Member

    @terrytsang

    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?

    terrytsang
    Member

    @terrytsang

    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?!

    terrytsang
    Member

    @terrytsang

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

    Nope no luck again?

    terrytsang
    Member

    @terrytsang

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

    terrytsang
    Member

    @terrytsang

    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?

    terrytsang
    Member

    @terrytsang

    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.