(Squarespace) Grayscale to Colored images in Product Block

Description

  • Product Block
  • 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.

div.product-block img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
div.product-block:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); 
}

1 Like

@tuanphan,

:heart: :heart: :heart: