How to adjust Blog page's featured image size?

Shapely
1

Where can I reduce the featured image preview on Blog page? Also possibly the space between the image and post heading? Thanks in advance!

Edit: or possibly to adjust the image’s size and move its position, so it shows on the left side of the heading as a rather small square? Right now it’s showing above the heading.

2

Hi @p8m3,

Use this css code:

  • reduce the featured image:
img {
    max-width: 68%;
}
  • the space between image and post heading, reduce the margin bottom as you wish with this css code:
.mb24 {
    margin-bottom: 17px;
}

Thanks,

Cristian

3

@ColorlibSupport Thank you for replying. The .mb24 trick works great. Changing the max width on img changed all the images though, it’s not what preferred, I found a way to do it in the_post_thumbnail, so the size is working great now.

Another thing I was wondering, how do I display the thumbnail on the left side of the blog content, instead of above?

4

Hi @p8m3,

From the layout on the right side of Dashboard, Pages, you could choose another layout.

Thanks,

Cristian