Description
- Gallery Block – Grid
- Gallery Section (Image Section) – Grid
- Initial: Grayscale Images
- Hover: Grayscale to Colored Images
#1. Gallery Section – Grid
Use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.
figure.gallery-grid-item img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
figure.gallery-grid-item:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
#2. Gallery Block – Grid
Use this CSS code
div[data-block-json*="grid"] img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
div[data-block-json*="grid"] .slide:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
