(Squarespace) Grayscale to Colored images in Gallery Section

Description

  • Gallery Section (Grid, Masonry, Strips, Slideshow, Reel)
  • Initial: Grayscale 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.gallery-section-wrapper img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
div.gallery-section-wrapper figure:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); 
}

1 Like

@tuanphan,

:heart: :heart: :heart: