Resizing featured image in Source theme removes top margin between meta-data and image

Hi folks

I have been trying to reduce the size of the featured images in my posts in the Source theme - because I find they are way too big

I am able to get something like this to work:

<style>
    .gh-article-image {
        max-width: 700px;
        margin: 0 auto !important;
        float: none !important;
	}
</style>

However - when I do, the gap that normally exists between the metadata (author, date, read time) and the image disappears and it looks really ugly

How can I keep the top margin around the image while still downsizing it?

Thanks very much

Check this code into Code injection:

<style>.gh-article-image{grid-column:main}</style>
2 Likes

That did what I wanted. Thank you again!!

1 Like