css greyscale filter for images
-
Hi!
I was wondering if you could help me implement a custom css to change from colored images to greyscale images, using the css greyscale filter.The scenario is the following:
In a project I am using the Element Grid in combination with the Lightbox Addon. I would like the images in the grid to appear as greyscale. Once zooming into the Lightbox view I want them to be the original colored version.Is there a way to do this?
Many thanks!
-
Hi!
I was wondering if you could help me implement a custom css to change from colored images to greyscale images, using the css greyscale filter.The scenario is the following:
In a project I am using the Element Grid in combination with the Lightbox Addon. I would like the images in the grid to appear as greyscale. Once zooming into the Lightbox view I want them to be the original colored version.Is there a way to do this?
Many thanks!
@Jian-Haake hey, try this:
body.lightbox-css-on > .lay-content .grid-inner .col[data-type=elementgrid] .img img {
filter: grayscale(1);
}
Hope that helps!
-
@Jian-Haake hey, try this:
body.lightbox-css-on > .lay-content .grid-inner .col[data-type=elementgrid] .img img {
filter: grayscale(1);
}
Hope that helps!
@alasdair17 oh wow, it worked!!! Amazing!
Thank you so much :)
-
@alasdair17 oh wow, it worked!!! Amazing!
Thank you so much :)
@Jian-Haake you're welcome, glad it worked! :)
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login