[Resolved] Need to resize the feature Images on Nouveau Theme

[Joe]

I would like to resize the featured images to the same size as the Nouveau theme but that’s not happening.
Once I publish a post and click on Blog and the actual post, the image is much larger (maybe 1200 * 1200) than what is on the actual demo theme for Nouveau.

I’ve tried resizing but I’m not getting the result I want.

[Fernando]

Hi Joe,

For reference, can you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Joe]

Hi Fernando,

I provided the link.

[Fernando]

I see. These image sizes are controlled by WordPress. The determining factor of difference is the aspect ratio of the images you uploaded. The ones you uploaded have an aspect ratio of 1:1, whereas the ones in the demo are 3:2, thus the difference.

Would you like to resize your images to a similar aspect ratio through code? Doing this may crop the image though. If that’s alright with you, you can try adding this code through Appearance > Customize > Additional CSS:

.single .featured-image img, .blog .post-image img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: top center;
}

[Joe]

Thanks,
Would I need to re-upload the images once the coding is done?

[David]

Hi there,

no, that CSS will force existing images to be displayed with a different aspect ratio. It doesn’t change the image it just styles it.

[Joe]

uh, ok, so this would only apply to featured images or all images?
Also, I can just delete this CSS line in the future if I ever wanted to revert back?

[David]

It only applies to the featured images both in the single post and the archive.
And yes, you can delete the CSS and the images will revert.

[Joe]

Ok, thank you both. That worked!

[Joe]

resolved

[David]

Glad we could be of help!

[Author]

Posts