organic_emma Posted May 4, 2022 Share Posted May 4, 2022 Site URL: https://parsnip-reindeer-949z.squarespace.com/home Hi I'm looking to change the colour of my poster images on hover. So far I've only found CSS for grayscale and other fancy filters but I would like the brand colour #852c9e to be the overlay and then the image changes to the original colour on hover. Similar to this website: https://healthcareaustralia.com.au/ Password: password Thanks! Link to comment
Beyondspace Posted May 5, 2022 Share Posted May 5, 2022 On 5/4/2022 at 3:48 PM, organic_emma said: Site URL: https://parsnip-reindeer-949z.squarespace.com/home Hi I'm looking to change the colour of my poster images on hover. So far I've only found CSS for grayscale and other fancy filters but I would like the brand colour #852c9e to be the overlay and then the image changes to the original colour on hover. Similar to this website: https://healthcareaustralia.com.au/ Password: password Thanks! You can try the following Custom Css code section[data-section-id="6271fb781820b01d81f61879"] .sqs-image-shape-container-element:before { content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s; z-index: 1; } section[data-section-id="6271fb781820b01d81f61879"] .image-block:hover .sqs-image-shape-container-element:before { background-color: rgba(76, 33, 119, 0.6) !important; } section[data-section-id="6271fb781820b01d81f61879"] .image-overlay { background-color: unset !important; } Let me know how it goes on your site organic_emma 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
organic_emma Posted May 5, 2022 Author Share Posted May 5, 2022 Brilliant, thank you that worked! Beyondspace 1 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