cvanuch 8 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 post
2 rwp 297 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 rachelt 1 Link to post
0 cvanuch 8 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 post
0 angeldesign 0 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 post
0 tuanphan 9,570 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 :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
cvanuch 8
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!
Link to post
Top Posters For This Question
2
1
1
1
Popular Days
Jul 3
2
Aug 5
2
Jul 2
1
Top Posters For This Question
cvanuch 2 posts
rwp 1 post
angeldesign 1 post
tuanphan 1 post
Popular Days
Jul 3 2020
2 posts
Aug 5 2020
2 posts
Jul 2 2020
1 post
Popular Posts
rwp
.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 { opa
tuanphan
Add to Home > Design > Custom CSS /* Remove image hover */ .ProductList-innerImageWrapper img:first-child { opacity: 1 !important; } .ProductList-innerImageWrapper img:last-child { o
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment