Hide Add to cart button on product grid

Hello,
how can I hide the add to cart button on product grid?

I attach the screenshot.

I tried with:
.product-grid-item .wd-add-btn {
display: none;
}

But didn’t work

Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL we will provide custom CSS.

If you have any questions please feel free to contact us.

Best Regards

Hello,
the page url is https://the3iron.golf/shop/

I inserted these CSS:

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop {
display: none !important;
}
a.button.product_type_variable.add_to_cart_button.add-to-cart-loop {
display: none !important;
}

But it works for single products but not for variables one.

For example look at the attached screenshot file where I highlight a variable product that still have Add to cart button.

I wait your kind help.

Regards,

Manuele.

Attachments:

You must be logged in to view attached files.

Hello,

Please try this one:

body .wd-action-btn.wd-add-cart-icon {
display:none;
}

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts