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