WooCommerce Shop Button

Support
#1

I’m trying to figure out how to hide the add to cart button.

I’ve tried using the following CSS code and I can’t seem to figure it out.

.woocommerce li.product .entry-header .entry-featured .button {
display: none;
}
a.button.product_type_simple .add_to_cart_button .ajax_add_to_cart {
display: none;
}

Can you please advise?

#2

Hello @quituck,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to remove add to cart button on hover:

a.button.add_to_cart_button {
    display: none !important;
}

To explore CSS more deeply you can take a look at following resource:

https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS

Thanks.

#3

I often forget to use !important;

Anyway, problem solved.

Thanks

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.