Archived topic
css help - add to cart button
5 replies · Started by Robyn on February 1, 2019
Hi, I used this css to hide the "add to cart" button on a membership page and I didn't check and it hid ALL the cart buttons in my shop. :( I can't figure out how to select the button only on that page. Chrome's dev tools show this as the selector.
/* disable add to cart button on membership page*/
.woocommerce div.product form.cart .button {
display: none;
}
-Robyn
Hi there,
So you only want to hide it on the page you linked?
If so try this:
body.postid-556 .woocommerce div.product form.cart .button {
display: none;
}Let me know :)
Hi Leo,
That didn't seem to do it. I updated it anyway in case that helps.
I'm grateful for your help.
Robyn
You are trying to hide Join Canary Club on that page?
If so try this:
body.postid-556.woocommerce .single_add_to_cart_button {
display: none;
}Yes - oh thank you! that worked perfectly.
Thanks!
No problem :)
