Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress – 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?

Thanks in advance!

Tags:

2

Answers


  1. 0

    display: none;
    You are talking about this?

    Login or Signup to reply.
  2. 0 
    .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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search