Adding color overlay to existing img

jeremy58 · February 25, 2021, 3:18pm

I amusing a Wordpress plugin that spits out some images.

I can’t modify the code (well, very practically) so I need to do this with css.

I want to add a color overlay (basically to darken the image to overlay some text).

What’s the best way to do this, given that it must be done with just CSS.

Erik_J · February 25, 2021, 3:38pm

Are the images in separate containers?

If so, you could use a pseudo element to overlay each image with a filter and some text.

Post relevant HTML to get a better solution.

coothead · February 25, 2021, 5:03pm

Hi there jeremy58,

here is just one of many possible solutions…

coothead

system · May 28, 2021, 12:04am

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.