[Resolved] Featured Image in the Blog Layout grid

Home › Forums › Azuma › Featured Image in the Blog Layout grid

  • This topic has 1 reply, 2 voices, and was last updated 5 years ago by Andy.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 22, 2019 at 1:18 am #8758
    msleeper
    Participant

    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?

    December 22, 2019 at 6:51 pm #8764
    Andy
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Featured Image in the Blog Layout grid’ is closed to new replies.