Remove 'add To Cart' buttom when hovering over product image

[CATECHUSA]

How do I remove the 'Add To Cart' button when hovering over a product image?

It is causing customers to add items to their cart when they just want to click on the picture and visit the product page.

I have the Webinopoly Development-For Tr with WC - 2020-09-21 theme

[JHKCreate]

Hi @CATECHUSA 

Would you mind sharing your store's URL so we can provide a solution for that?

[CATECHUSA]

catechusa.com

[JHKCreate]

Add the following code to the bottom of your style.css file:

/*Hide Add To Cart When Hovering*/
.product-card__image-with-placeholder-wrapper:hover form {
    display: none;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

[Matthew114]

I can't find the style.css section of my store in the edit code section even when I search it. Has it changed? if so where should I put this code now?