Grayscaling logos in Classic Slider element

[vdongen]

I am looking for a simple way of showing my logos gray-scaled in my Classic Slider element.

[rad]

Hi there,

Thanks for writing in.

You could do that by adding this CSS

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

But I’m not sure the selector of your logos, it could be something like this

.logo_selector {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

Thanks!

[vdongen]

Thanks. It does not have any effect (I am not using Safari, but FF and tested it with Chrome and MS Edge). I used both of your options.

[ruenel]

Hello There,

The grayscale effect may not be supported by other browser.
Please check out this link:

filter | CSS-Tricks

https://caniuse.com/#search=css-filter

Hope this explains it.