turn off black&white hover on photos

Hello erikmbush97,

Try adding the following css inside the additional css section of your customizer;

.products a img:hover {
    filter: none;
}

Thanks!

@shaded-pixels it worked! thanks. and while i have you, can i remove the lighting effect as well? If you go to our shop and hover over an image you’ll see that it still has some sort of hover effect as well that my client may want removed

https://www.nwimperialhardwoods.com/shop/

We’re unable to access the page. Any issues?

@shaded-pixels, our site went down for awhile there. you can now visit the link

https://www.nwimperialhardwoods.com/shop/

Hello erikmbush97,

You can add the following css;

.woocommerce .products a img:hover {
    opacity: 1;
}

Thanks!

Thanks a bunch! @shaded-pixels

@shaded-pixels this is only working on the shop pages. it is not working on the products themselves

https://www.nwimperialhardwoods.com/product/madrone-burl-guitar-blank-05/

RESOLVED!
This Code you Supplied Me Controls the Woocommerce Shop page images.

.products a img:hover {
    filter: none;
}
.woocommerce .products a img:hover {
    opacity: 1;
}

This is the code I figured out that changes the actual product pictures
(on the actual product pages)

.woocommerce-product-gallery a img:hover {
    filter: none;
}
.woocommerce-product-gallery a img:hover {
    opacity: 1;
}

I figured this out by inspecting the HTML element of my woocommerce product and finding the appropriate id for the appropriate element. (

)