Image sizes change when upgrading from 1.0-beta2 to 1.0.0

This topic has 5 replies, 2 voices, and was last updated 2 years, 5 months ago by Christine.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 24, 2020 at 12:20 pm #19909

Christine
Participant

Hi, I had 1.0-beta2 installed and had some posts looking like this:
https://ibb.co/k17xC23
Though the posts’ featured images were different sizes, the WPSP images were all displayed with the same dimensions so that it looked great.
Then I upgraded to 1.0.0 and suddenly they look like this:
https://ibb.co/BspBZVR
They are now all different heights.

How can I make it go back to what it was before? If I set an image height in WPSP I can’t get a good looking result. Please help!

September 24, 2020 at 1:38 pm #19939

Tom
Keymaster

Hi there,

Setting the image height is the correct method – can you show me what you mean about it not looking good?

We can also apply CSS if you’d like to link us to the page.

September 24, 2020 at 2:35 pm #19941

Christine
Participant

Here are my problems with just setting the image height.

1. It wants to show the whole image and will not crop to fit like it was doing before. So in a case like this where some are portrait and some are landscape, if I set the height to what it was before, now there is too much space for the width and it leaves a blank space on both sides.
https://ibb.co/9w4p3rJ

2. Images are not as crisp as they were before.

3. Also I’m getting a conflict with the RankMath SEO plugin. When RankMath is activated and I put an image height in, it actually looks like this.
https://ibb.co/hfhkXYk
The funny thing about those two posts with that problem is that there is a <br> tag in the page title. I’m sure that is throwing something off because where the text starts showing up is right after the <br> tag.

September 24, 2020 at 2:37 pm #19943

Christine
Participant

You can see it live here (staging copy): https://beta.lilybee.ch/

September 24, 2020 at 5:19 pm #19950
Tom
Keymaster
Not sure what’s going on with Rank Math there, but you can disable the image resizer and then do this:
```
#wpsp-16311 .wp-show-posts-image img {
    height: 250px;
    width: 100%;
}
```
September 25, 2020 at 1:16 am #19991
Christine
Participant
Ah thank you so much, that works beautifully!

Can you help me with one more CSS line? On mobile when only one card fits, I’m using this CSS so that a single card doesn’t stretch all the way across the screen:
```
div.wp-show-posts-inner {
  max-width:500px;
}
```
Which has this effect: https://ibb.co/L9rSTJ3

How can I make them center align now?
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

[Support request] Image sizes change when upgrading from 1.0-beta2 to 1.0.0