If you would like to remove the prices from the product listing pages in Woocommerce then you can do this by adding the following CSS to your style.css file in your WordPress theme’s folder:

ul.products li.product .price {
 display:none !important;


  1. Kamilah on 16 June 2014 at 9:24 pm

    Thanks for sharing this. I couldn’t figure this out through firebug. The CSS code just wasn’t showing this.

  2. Erin on 23 October 2014 at 6:10 pm

    This was definitely helpful. WooCommerce support gave CSS code that helped, zero. I just need to apply this to a specific category or product. But this has been really helpful.

  3. Joshua on 14 July 2015 at 3:18 pm

    How do you hide the prices (or price range) from the individual product page?

    I tried this:

    .woocommerce .products .price {
    display: none !important;


  4. Daryle on 13 February 2016 at 5:56 am

    I wish I had found this about 10 hours ago. Thanks for sharing. It worked like a charm.

Leave a Comment