[Resolved] Resize image on homepage & Padding in Polaroid Card

[Hermann]

Hello,
I am currently working on a test site and come across a problem with a image under our Lifestyle section, it makes the rest of the articles off, pushes everything down a bit. Is there a way to resize the images in the homepage. I guess a way to keep the images in the Chinese Culture, Lifestyle, Mind & Spirit all the same.

Is there a way to minis the white space in the More Section. I am using Polaroid Cards.

The test website is http://18.116.29.244

Thanks

[Ying]

Hi Hermann,

You should be able to set image width/height within the WPSP list:
https://www.screencast.com/t/39gsD9feytw

Let me know 🙂

[Hermann]

Hi Ying, I thought of using this option to, but when I try it, the image disappears doesn’t seem to be working for me.

[David]

Hi there,

have you changed something? As i don’t see any image being displayed under the lifestyle section ?

[Hermann]

Hi David, yes that seems to happen when I resize the images like Ying suggested. I cleared the size now the image is visible.

[Ying]

Hum…very strange..

Try this CSS then:

.gb-grid-wrapper.gb-grid-wrapper-6af2a42c .wp-show-posts-image img {
    aspect-ratio: 3/2;
}

[Hermann]

Hi Ying,

That worked. I do have a question though. The same thing is happening with the section called “Foodies”. is that code for the whole page or just for the “Lifestyle” section. If its just for the Lifestyle section how can I adjust the images to the other sections as well.

Thanks so much for your help!

[Ying]

That’s just for the lifestyle section, you can try this CSS for all the images of WPSP on the entire home page:

.home .wp-show-posts-image img {
    aspect-ratio: 3/2;
    object-fit: fill !important;
}

[Hermann]

Ying!!!

Thank you! As always you guys are amazing.

[Ying]

You are welcome 🙂

Glad to help!

[Author]

Posts