Code working to remove cart on some products but not others

Site URL: https://www.rtcconnectioncentre.ca/event-calendar/workshop-crystal-basics

Hello,

Trying to remove the add to cart button on specific products. Please note that I do need the "add to cart" on some of my products but not others. I have been using this code under "additional info" and adding a code block. Code below in the quote.

It's working on some pages but not others. This is an example of the page it's not working for: https://www.rtcconnectioncentre.ca/event-calendar/workshop-crystal-basics

same with this one: https://www.rtcconnectioncentre.ca/event-calendar/empath-and-narcissists-heal-the-power-struggle-forever

However, it worked just fine for this page: https://www.rtcconnectioncentre.ca/event-calendar/himalayan-sound-bath-with-linda-welsh

I don't understand why some work and some don't with this code??

Please help... incredibly frustrated! It would sure be nice if squarespace added the functionality to change the link on the "add to cart" button for products, or to remove it from product pages all together more easily!

Quote

 

<style>

    #item-60fe0ecc22c5ce2ebdb12244 .ProductItem-details .sqs-add-to-cart-button-wrapper {
    
      display : none;
      
      }
      
  </style>

 

That page uses Product Block, it has a different ID

Use this new code

<style>
   .sqs-add-to-cart-button-wrapper {
    
      display : none !important;
      
      }
</style>