Post Featured Image not centered in Thumbnail on in Blog feature at bottom of Home Page

[windhover4]

Please look at the Blog thumbnails bottom of my home page www.rayscountryham.com
Question, how do I get the thumbnail for the image in the third column to center properly without editing the Featured Image, which appears full height as I wish on the Blog page?

[ruenel]

Hello @windhover4,

Thanks for reaching out to us. Actually, the recent posts featured image is displayed centered already. Do you mean to display it like this?

Normally, the recent posts featured images were used as a background image inside the container. The built-in style position it using this CSS code:

.x-recent-posts .x-recent-posts-img {
    background-position: center center;
}

If you want to display the images like in my screenshot, you will need to modify the code above by setting the position to top center instead and then add modified CSS code into X > Theme Options > CSS.

If you want to know more about the background-position CSS property, kindly check this out;

• https://www.w3schools.com/cssref/pr_background-position.asp

Hope this helps.