Adding color overlay to existing img

[jeremy58]

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]

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]

Hi there jeremy58,

here is just one of many possible solutions…

Full Page View:-
https://codepen.io/coothead/full/WNodWBp

Editor View:-
https://codepen.io/coothead/pen/WNodWBp

coothead