cvanuch Posted July 2, 2020 Share Posted July 2, 2020 Site URL: https://bricktechstudios.com/instructions Hi! I want to disable the product image rollover that occurs when you move your cursor over the product thumbnail. I know that Squarespace 7.1 doesn't support disabling it yet, but does anyone know some code that can be used to manually disable it? Thanks! Screen Recording 2020-07-02 at 1.27.47 PM.mov Link to comment
Solution rwp Posted July 3, 2020 Solution Share Posted July 3, 2020 (edited) .products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover { opacity: 1 !important; } .products.collection-content-wrapper .grid-item:hover .grid-image-hover { opacity: 0 !important; } Also, cool site. My son has been looking at it for the past 10 minutes. 🤣 Edited July 3, 2020 by rwp Link to comment
cvanuch Posted July 3, 2020 Author Share Posted July 3, 2020 @rwp Thank you, it worked perfectly! And thanks, I build Lego Halo stuff on instagram and sell the instructions! Link to comment
angeldesign Posted August 5, 2020 Share Posted August 5, 2020 On 7/3/2020 at 3:02 AM, rwp said: .products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover { opacity: 1 !important; } .products.collection-content-wrapper .grid-item:hover .grid-image-hover { opacity: 0 !important; } Also, cool site. My son has been looking at it for the past 10 minutes. 🤣 Hi! I’m having the same issue but it’s not changing with this CSS?  my site: tsac.studios.squarespace.com  PW: brineintopedro Link to comment
tuanphan Posted August 5, 2020 Share Posted August 5, 2020 26 minutes ago, angeldesign said: Hi! I’m having the same issue but it’s not changing with this CSS?  my site: tsac.studios.squarespace.com  PW: brineintopedro Add to Home > Design > Custom CSS /* Remove image hover */ .ProductList-innerImageWrapper img:first-child { opacity: 1 !important; } .ProductList-innerImageWrapper img:last-child { opacity: 0 !important; }  angeldesign 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment