Contain (resize) an image for post header

[phil2]

phil2

August 15, 2018 at 5:26 pm

Hi Team,

I am adding a large image for showing in the head of a post and I’m expecting it to resize to fit.

The image is being shown with the height filling the window (which means the image extends left and right out of sight). I need to change this so that the width fits the window and I’ll put up with the reduced height.

I have tried:
.single-post .post-single-img a div img {background-size: contain;}
but no joy.

Please can you advise how to use CSS to re-size the image to fit the window?
Very many thanks,
Phil.