Description
- Gallery Block – Slideshow
- Gallery Section – Fullscreen Slideshow
- Gallery Section – Slideshow Simple
- Gallery Section – Slideshow Reel
#1. Gallery Block – Slideshow
Use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.
div[data-block-json*="slideshow"] img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
div[data-block-json*="slideshow"] img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
#2. Gallery Section – Fullscreen Slideshow
Use this code to Custom CSS
figure.gallery-fullscreen-slideshow-item img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
figure.gallery-fullscreen-slideshow-item:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
#3. Gallery Section – Slideshow Simple
Use this code to Custom CSS
figure.gallery-slideshow-item img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
figure.gallery-slideshow-item:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
#4. Gallery Section – Slideshow Reel
Use this code to Custom CSS
figure.gallery-reel-item img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
figure.gallery-reel-item:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
