xandoconsulting Posted September 16 Share Posted September 16 Hi I just want to put the change color effect (from black & white color to full original color on hover) for an only certain parts (people images ), and not for all of the pictures on the website. how do I do that? thanks for your help! website: https://www.xandoconsulting.com/ password:12345 Link to comment
creedon Posted September 16 Share Posted September 16 You need to target the specific images where you want the effect. /* image block hover effect, uses LESS syntax */ #block-4669dfb9a780254b9b6d, // optional image comment here #block-52b8e172d1875e9d06a0, // optional image comment here { filter : grayscale( 100% ); transition : filter 0.3s ease-in-out; &:hover { filter : grayscale( 0% ); } } To find block ids check out Heather Tovey's most excellent looking Squarespace ID Finder. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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