(Squarespace) Grayscale to Colored images in Blog Image

Description

  • Blog Image
  • Initial: Greyscale Images
  • Hover: Change Grayscale to Colored Images

You can use this code to Custom CSS box
If code doesn’t work, you can comment below, message or send me an email.

article.blog-item img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
article.blog-item:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); 
}

1 Like

@tuanphan,

:heart: :heart: :heart: