WooCommerce Add to Cart Button

[Lorie]

Hi there. I designed this site awhile ago and you were very helpful in turning off the “Add to Cart” buttons that appear on the Shop page: https://emergencywaterwell.com/product-category/shop/

For some reason, they are back but I’m not sure why. Looks like the CSS is still in place.

Thanks so much for the help!

[nabeel]

Hi there,

Thank you for reaching out to us. Please replace the previous code with the following one:

.woocommerce.archive .add_to_cart_button {
    display: none !important;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!

[Lorie]

Thanks. That was perfect!

[nabeel]

Glad we could help.

Cheers!