从woocommerce商店（存档）页面删除简短的产品描述

Question

For some reason in my shop pages the short description of each product has appeared beneath each product title. I have tried coding this out using:

body.page-id-7 .woocommerce-product-details__short-description { 
    display: none !important; 

However, I have found online that due to it being a woocommerce page this page ID I have used is not correct.

What is the correct way to remove the product short description from the main shop page?

If anyone knows how to do this please explain in simple terms! I am not the most knowledgeable with code so a step by step would be wonderful.

Please see my site to see what I am talking about :)

Thanks in advance!!

N.B I still want the product description to be visible on the individual product pages.

Answer 1

If I understand correctly what you want to achieve, you must add this code to your CSS file:

body.archive .woocommerce-product-details__short-description { 
display: none;
}

It will looks like this:

screenshot