Image hover state

Site URL: https://pelican-chiton-xwy4.squarespace.com/

Hola,

Trying to add the image below as a hover state to the product entry "Fos Classic". In the Homepage, under "THE FOS COLLECTIONS" section.

Does anybody know how to do that? My site is running on 7.1

Thanks!

" add the image below as a hover state to the product entry "Fos Classic""

Can you describe this clearly?

Sure @tuanphan I meant adding a hover state that changes the image highlighted in red below to the one in the message above, on mouseover.

On the homepage, "The Fos Collections" section.

Thanks!

3 minutes ago, xavier-cusso said:

Sure @tuanphan I meant adding a hover state that changes the image highlighted in red below to the one in the message above, on mouseover.

On the homepage, "The Fos Collections" section.

Thanks!

 

You mean change image on hover?

1 hour ago, tuanphan said:

You mean change image on hover?

 

Exactly, @tuanphan

21 hours ago, xavier-cusso said:

Exactly, @tuanphan

 add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1576760789753_14465 a:hover img {
    visibility: hidden;
}
div#block-yui_3_17_2_1_1576760789753_14465 a:hover {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}