Adding color overlay to existing img

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.

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. :slight_smile:

1 Like

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

1 Like

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