Featured image in black & white (or colorized)

Hi,

Yes, you can change the color of the featured image block. To do so, select your featured image block. Then, open the block settings sidebar, scroll down to open the Advanced panel, click the “+” next to Additional CSS Class(es) and select the “img-bw” class (see screenshot).

You can also apply a duotone filter in the featured image block’s top toolbar (see screenshot).

Have a nice day,
Diane

Thank you Diane.

I should have mentioned i was referring to Twenty-Twenty-One, where it’s not actually a block by default i don’t think. So that css would have to be added somewhere else.

I’m not entirely sure yet if i’ll be using Twenty-Twenty-Two, because it was a little broken when i first tried it. But i see that the full site editing makes it real easy to change indeed.

• This reply was modified 2 years, 6 months ago by mmxxi.

You need to add some custom CSS for the Twenty Twenty-One theme to achieve it. Open the Customizer > Additional CSS panel, and paste the following code:

.tw-blog-grid .post-thumbnail img, .single-post .post-thumbnail img {
    filter: grayscale(100%);
}

Have a nice day,
Diane

Thanks a bunch.

I figured it would be something like that. But wouldn’t even know where to look for the right tags.