Featured Image in the Blog Layout grid

[msleeper]

Is it possible using CSS to display only a portion of the Featured Image on a blog post when using the Blog Layout Grid? Presently my Featured Images are all drastically different sizes and some are extremely large, and I’d like to make them all the same height so that my layout grid is more easily navigated.

Alternatively, is there a way to make the Featured Image appear to the side of the blog excerpt as an “icon” of sort, rather than as a full width header for the post?

[Andy]

Add this CSS code to Appearance > Customize > Additional CSS:

#grid-loop article .post-thumbnail {
    max-height: 200px;
    overflow: hidden;
}

change 200px to any value you think looks right for your site.

[Author]

Posts