Jump to content

Greyscale to color for blog posts on hover

Recommended Posts

Add the following to Design > Custom CSS.

#collection-5eeba9e7b86406138c6ccc45 .blog-basic-grid .image-wrapper img {

  -webkit-filter : grayscale( 1 );
  filter : grayscale( 1 );

#collection-5eeba9e7b86406138c6ccc45 .blog-basic-grid .image-wrapper img:hover {

  -webkit-filter : unset;
  filter : unset;

This is for v7.1 and specific to the poster's need.

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.