csswordpresswoocommerce

How to hide a div class in woocommerce?


I have a woocommerce site and I'm trying to hide some elements after having identify the code with chrome developer tools

I have these elements, a pin and a green dot on each product image and I'd like to remove them

I discovered that they are two div class, but I don't know how I can hide these div classes

The code of one is the following:

<div class="featured-tag">
<div><i class="dticon-thumb-tack"></i><span>Featured</span></div></div>

The other one is:

<div class="product-custom-type"><span class="product-custom-type-label veg">Veg</span></div>

What code should I add in the css to hide these classes?


Solution

  • .featured-tag,
    .product-custom-type {
        display: none;
    }
    

    Please take a CSS primer: https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Getting_started.