xavier-cusso Posted February 15, 2020 Share Posted February 15, 2020 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! Link to comment
tuanphan Posted February 16, 2020 Share Posted February 16, 2020 " add the image below as a hover state to the product entry "Fos Classic"" Can you describe this clearly? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
xavier-cusso Posted February 20, 2020 Author Share Posted February 20, 2020 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! Link to comment
tuanphan Posted February 20, 2020 Share Posted February 20, 2020 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
xavier-cusso Posted February 20, 2020 Author Share Posted February 20, 2020 1 hour ago, tuanphan said: You mean change image on hover? Exactly, @tuanphan Link to comment
tuanphan Posted February 21, 2020 Share Posted February 21, 2020 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.