WP Show Post – Thumbnail scaling issue

[Peter]

Hi guys!

I have seen Tom’s post about not having enough resources to provide free support for plugins, so I have thought I would open this topic in a hope that someone might be able to help me.

I am building a Generatepress site (premium) for the Mrs, and just got WP Show Post up and running on the home page.

I have a slight issue with scaling of the post thumbnails on mobile devices in landscape mode tho.

The images don’t get scaled properly leaving a big padding around them.

Can someone help me out with this?

Cheers, Pete

[Leo]

Hi there,

Just checked using the chrome simulator and it looks fine to me:
https://www.screencast.com/t/L6lfuAjVba6q

My phone shows the same result.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Hi Leo,

The issue is with the landscape view.

Can you pls check the page in landscape?

Cheers, Pete

[Tom]

Hi there,

All looks good to me – can you show us a screenshot of what you’re seeing?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Peter]

Hi Tom,

Sure.

This is a screenshot from my new iPhone SE in landscape mode: https://www.screencast.com/t/7S8876aVXa

Cheers, Pete

[Tom]

So should that image fill the space around it? If so, is it wide enough to do so?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Peter]

Hi Tom,

Yes, it should and on my son’s iPad mini 4 and my mrs’ iPad pro it does fill the space in landscape view.

It does not fill the space on my 2020 iphone SE, my son’s first gen iPhone SE, and on my Mrs’ iPhone 6 tho.

No idea why…

Cheers, Pete

[David]

Hi there,

if you reload the page whilst viewing in landscape does the image fit the space ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Hi David,

It does actually.😊

What is the issue then?

Cheers, Pete

[David]

try adding this CSS:

.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
    object-fit: unset;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Hi David!

Perfect!👌👏

Thanks a million for your time and help!

Cheers, Pete

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts