CSS Make an image Black and White

I’m trying to make images default to Black and White?

For this page
https://www.5minpitches.com/experts

I tried
img { filter: grayscale(100%); }

See here
10

Anyone got suggestions?

I also tried the other way and included in styles sheet

then referenced it
00

but no luck? :man_shrugging:t2:

Step 1, put this in the styles sheet

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

Step 2, use this css class for the image

blackandwhite

Class

Step 3, publish your site

Step 4, view the result

this is how css works :nerd_face:

Optional, if you want ALL images on your WHOLE site in grayscale, just put this in the Styles sheet. You don’t need to set a css class per image.

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

Thanks for your help Rob.
Legend you are!