[Support request] Featured Image size

Hi there,

ideally you want to ensure that all images you upload are the same size. However in Customuizer > Layout > Blog –> Featured Images you can ‘force’ the images to a specific size using the Width and Height fields:

https://docs.generatepress.com/article/adjusting-the-featured-images/

Hi Aaron,

Your home page is using WPSP so the adjustment for it should be done with the WPSP settings of the WPSP list you’ve added on it.

I’d consider installing WPSP’s beta version – https://wpshowposts.com/wp-show-posts-1-2-0/ – to use its image sizing feature.

Unless you have the Pro version ( which is no longer available ) you will need to add some CSS:

.wp-show-posts-single .wp-show-posts-image img {
    width: 100%;
    max-height: 250px;
    object-fit: cover !important;
}

Where did you add the CSS? I can’t see it on the site ?

I’ve tested David’s CSS to be sure and it works as shown in this testing –
https://share.getcloudapp.com/xQuzPAEk

I’ve checked how you’ve added it and it seems to be included in a @media rule.

Can you try moving it out of the @media rule?

You would use this CSS:

.wp-show-posts-single .wp-show-posts-image img {
    width: 100%;
    height: 500px;
    object-fit: cover !important;
}

BUT this will make ALL WPSPS Images 500px tall.
So now you got to select the Container Block that list is in, and give it an Advanced > Additional CSS Class eg. your-custom class ( name it what you like ) and use that in your CSS:

.your-custom class .wp-show-posts-single .wp-show-posts-image img {
    width: 100%;
    height: 500px;
    object-fit: cover !important;
}

Personally i would crop that one image to the same aspect ratio as the other images…. it will save you a lot of headaches 🙂