drawingonblank Posted July 12, 2019 Share Posted July 12, 2019 Hi! I'm trying to code an index page's images to all be greyscale until you hover or mouseover them. Is this possible? I feel like this is a fairly simple fix but I can't figure it out looking at the inspector. Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @drawingonblank First, you need to find Index Page ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageIDThen Add to Home > Design > Custom CSS body#collection-563bea6ae4b0ccc59db69084 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } body#collection-563bea6ae4b0ccc59db69084 img:hover { -webkit-filter: none; filter: none; } 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
drawingonblank Posted July 12, 2019 Author Share Posted July 12, 2019 Ah! Where do I place the ID? Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @drawingonblank body#collection-563bea6ae4b0ccc59db69084 is ID (in example i sent above). Add all code (replace body#...084 with your page id), and insert to Home > Design > Custom CSS 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
drawingonblank Posted July 12, 2019 Author Share Posted July 12, 2019 Awesome! That worked! Thank you!! Link to comment
kmast Posted November 12, 2019 Share Posted November 12, 2019 @tuanphan could I use this code and modify it somehow to make the index thumbnail change to a different image on hover? Link to comment
tuanphan Posted November 12, 2019 Share Posted November 12, 2019 5 hours ago, kmast said: @tuanphan could I use this code and modify it somehow to make the index thumbnail change to a different image on hover? Try https://www.mybilliedesigns.com/blog/squarespace-customization-html-hover-effect 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
Archived
This topic is now archived and is closed to further replies.