drawingonblank 0 Posted July 12 (edited) 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. Edited July 12 by drawingonblank Initial Revision Share this post Link to post
0 tuanphan 6,150 Posted July 12 (edited) @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; } Edited July 12 by tuanphan Initial Revision Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 tuanphan 6,150 Posted July 12 @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 Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 kmast 0 Posted November 12 (edited) @tuanphan could I use this code and modify it somehow to make the index thumbnail change to a different image on hover? Edited November 12 by kmast Share this post Link to post
0 tuanphan 6,150 Posted November 12 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 Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
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.
Edited by drawingonblankInitial Revision
Share this post
Link to post