enricocolacillo Posted September 6, 2019 Share Posted September 6, 2019 Hi all! I need help with my website: I'm correctly seeing a hover effect on gallery images, but it applies on all the gallery. How can I apply this CSS just on a specific gallery? I cannot deal with div o #block.. I don't know. This is the code that is applied to all my galleries: .sqs-block-summary-v2 .summary-thumbnail-outer-container { img { filter: grayscale(100%) !important; transition: filter 0.5s !important; } } .sqs-block-summary-v2 .summary-thumbnail-outer-container { img:hover { filter: none !important; } } You can reach my website at enricocolacillo.squarespace.com using psw: chiladura. Thank you so much!Enrico Link to comment
tuanphan Posted September 6, 2019 Share Posted September 6, 2019 Which gallery? @enricocolacillo 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
enricocolacillo Posted September 6, 2019 Author Share Posted September 6, 2019 Sorry, I want to apply only to the gallery on the Gratitude page. Let me know if you can find it. Thank you so much.Enrico Link to comment
enricocolacillo Posted September 6, 2019 Author Share Posted September 6, 2019 Sorry, I want to apply only to the gallery on the Gratitude page. Let me know if you can find it. Thank you so much.Enrico Link to comment
christyprice Posted September 6, 2019 Share Posted September 6, 2019 If that's the only gallery on that page, you can add the CSS in christyprice.com 🇺🇸 Austin, TX US 🐾 ✅ Get my Starter Template for Web Designers 🎬 Watch 7 Ways to Save Time as a Squarespace Designer from Circle Day 2024 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) Link to comment
christyprice Posted September 6, 2019 Share Posted September 6, 2019 If that's the only gallery on that page, you can add the CSS in christyprice.com 🇺🇸 Austin, TX US 🐾 ✅ Get my Starter Template for Web Designers 🎬 Watch 7 Ways to Save Time as a Squarespace Designer from Circle Day 2024 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) Link to comment
enricocolacillo Posted September 6, 2019 Author Share Posted September 6, 2019 I don't know how to do it on a single specific page.. Link to comment
enricocolacillo Posted September 6, 2019 Author Share Posted September 6, 2019 I don't know how to do it on a single specific page.. Link to comment
enricocolacillo Posted September 6, 2019 Author Share Posted September 6, 2019 Ok I think I solved like this ;) Thank you so much! /* Grayscale for images on Gratitude Page */ #collection-5d66d275556a30000114ff54 .sqs-block-summary-v2 .summary-thumbnail-outer-container { img { filter: grayscale(100%) !important; transition: filter 0.5s !important; } } #collection-5d66d275556a30000114ff54 .sqs-block-summary-v2 .summary-thumbnail-outer-container { img:hover { filter: none !important; } } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.