Hi the code is not working for me. Does it not work anymore? I'd like to have my images on hover (on store pages) to not show the next photo.
I have this code in both custom css for entire site and for the page but neither seems to do anything. If anyone could please help?
div#block-yui_3_17_2_1_1645696814640_3767:hover a:not(.product-title) img {
visibility: hidden
}
div#block-yui_3_17_2_1_1645696814640_3767:hover a:not(.product-title) {
background-image: url(https://static1.squarespace.com/static/5fdcc5ea23f93f3b0a025847/t/621956096ed5e56712593edc/1645827595303/Pet+Natura+Veggie+Complete+Hover-01.png);
background-size: cover;
background-repeat: no-repeat
}
https://www.blakedebock.com/fineart