Disable hover over effect

[DavidStephens]

Hello Shopify Community,

I've been trying to figure out how to disable the hover-over effect myself through previous posts, but no luck.

Hopefully someone in the community can help.

I believe I have to find the original CSS and edit it, but I bought a template through ThemeForest and cannot find it.

I'd like to disable the hover-over effect.  That's all.  Nothing else special (for now).  Screenshot attached.
Our website is: miriamjoyeria.com

[Guleria · Accepted solution]

Hello David,

Add this style-main.scss.css

.product .img-product .img-product-hover {
    display: none;
}

And if you also want to hide hover icons, add this too

.product-item-v2 .product-icon-action {
    display: none;
}

[DavidStephens]

Guleria,

Thank you so much.  This was so easy, but very difficult for me to do by myself.

Accepted as solution.

[DouglasNelson]

This worked - THANKS! 

There was an additional issue - the hovering continued in the search screen. I removed this by removing lines: 51 & 52 of Search.template.liquid

<div class="{% if section.settings.article-hover-effect == 'zoom' %}collection-image--zoom-effect {% endif %}">
<div class="zoom-effect--inner">

I have NO IDEA if there are other repercussions - but it seems to have worked