(Squarespace) Grayscale to Colored images in Summary Block

Description

  • Summary 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.summary-item img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
div.summary-item:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); 
}

1 Like

@tuanphan,

:heart: :heart: :heart: