How do I hide the "add to cart" button on only one product page

We sell only some items on our website and I need to hide the add to cart button on only a few pages and not throughout the entire site. I switched templates to the "Impact" template and now the "add to cart" button is showing on every product page.

I want to sell the products under "buy masks" but do not want to sell the products shown in the categories under "nk fabrics". For now, we only sell our masks on our website and not our fabric

https://nktextile.com/

Edit product > Additional Info > Add a Code Block > Paste this code

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

Thank you so much! You're a life saver!

7 hours ago, Michellenk said:

Thank you so much! You're a life saver!

I see on tablet, the text a bit narrow, on about us page

You can add this to Design > Custom CSS to increase width

/* about us text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-55cb9caae4b04e605ee2d6da>.row>.span-8 {
    width: 100%;
}
}

Thank you! very helpful!

Unfortunately the first code to hide the "add to cart" stopped working and now it is showing on all products again.

I pasted the code into each page under settings -> code injection.  (see screenshot below)

Do i need to put the code on each product individually instead?

https://nktextile.com/solids/charisma

Yesterday I added a "scroll to top" code, could this have interfered?

Now it is hiding the cart under everything again (still incorrect)

5 minutes ago "add to cart" was on every product and just now "add to cart" is hidden on everything

I am really not sure whats going on.