WordPress.org

Forums

WooCommerce - excelling eCommerce
how to remove tags from product page (12 posts)

  1. hayden34
    Member
    Posted 10 months ago #

    http://district5ive.com/product/borough-white/
    Hello,
    I am trying to remove all of the tags and category from my product pages.

    I am very new to this so thank you in advance and sorry if this is a stupid question

    https://wordpress.org/plugins/woocommerce/

  2. terrytsang
    Member
    Posted 10 months ago #

    Hi @hayden34, you can add below code into theme custom.css:

    .product_meta .posted_in {
        display:none;
    }
    .product_meta .tagged_as {
        display:none;
    }
  3. hayden34
    Member
    Posted 10 months ago #

    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?

  4. terrytsang
    Member
    Posted 10 months ago #

    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; }
  5. hayden34
    Member
    Posted 10 months ago #

    Thanks Terry but no luck?!

  6. terrytsang
    Member
    Posted 10 months ago #

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

  7. hayden34
    Member
    Posted 10 months ago #

    Nope no luck again?

  8. terrytsang
    Member
    Posted 10 months ago #

    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 :)

  9. hayden34
    Member
    Posted 10 months ago #

    Sorry Where am i adding this?

    Sorry for my ignorance..

  10. terrytsang
    Member
    Posted 10 months ago #

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

  11. hayden34
    Member
    Posted 10 months ago #

    Ah you legend!

    Thanks so much.

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

  12. terrytsang
    Member
    Posted 10 months ago #

    Hi, you can refer here, cheers!

Reply

You must log in to post.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic