Remove lightbox button

Hi everyone, 

I have a few products on a page on the website, all set to have the 'quick view' option, so the lightbox appears.

I've changed all the 'add to cart' buttons to 'join', as it's a membership they are purchasing. However, one of them they need to contact us for and I don't want the option for them to purchase online. So I've managed to add some CSS to remove the button when on that product's page, but I can't find a way of removing the button from the lightbox. 

The link to the product page is here: https://oarfish-salmon-gpgd.squarespace.com/how-to-join

The link to the product I've removed the button from is here: https://oarfish-salmon-gpgd.squarespace.com/membership-options/fellow

I'd be grateful for any advice on how to remove the button from the lightbox on the above product please. 

Password: criminaljustice

Thank you

Hi there! Happy to try and help — can you share the custom CSS you've added to remove the button on the product's page? Might be a way to edit/update that to include the lightbox button as well.

Hi, 

I used this: 

#item-5eebf7d8a5028a07b4437cc5 .sqs-add-to-cart-button {
    display: none !important;
}

3 hours ago, Icclebug said:

I've managed to add some CSS to remove the button when on that product's page, but I can't find a way of removing the button from the lightbox.

The CSS you have used to remove the button will only work on the product detail page where the full description is shown. 

Instead of using your existing CSS, you can use this instead:

.sqs-add-to-cart-button[data-item-id="5eebf7d8a5028a07b4437cc5"]{
  display: none!important;
}

This references this product's unique ID and will hide the Add-to-Cart button for this product, wherever it appears.

4 minutes ago, paul2009 said:

The CSS you have used to remove the button will only work on the product detail page where the full description is shown. 

Instead of using your existing CSS, you can use this instead:

.sqs-add-to-cart-button[data-item-id="5eebf7d8a5028a07b4437cc5"]{
  display: none!important;
}

This references this product's unique ID and will hide the Add-to-Cart button for this product, wherever it appears.

Perfect Paul, really appreciate your help.