Images are stretched verticaly

This topic has 11 replies, 2 voices, and was last updated 3 years, 3 months ago by Tom.

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

Author

Posts
June 3, 2020 at 8:21 am #16256

Dan
Participant

I have a full-width page laid out with wp show posts using the polaroid card. The images are not wide enough. Even if I set the width at 400px it does nothing. The site is https://rbitaliablog.com/
I just need the images to be same vertical size they are but scaled to fit better on the width. What am I not doing wth this?
Thanks

June 3, 2020 at 10:50 am #16260

Dan
Participant

I’ve changed the layout to 2 columns now. But I still can’t get the images to be the same size on the list of posts.
Thanks

June 3, 2020 at 5:02 pm #16280
Tom
Keymaster
Hi there,

What do you mean by the same size, exactly?

The images in our cards are set to max-height: 500px, which you can unset like this:
```
.wpsp-card .wp-show-posts-image img {
    max-height: unset;
}
```
Let me know if that helps or not 🙂
June 4, 2020 at 6:27 am #16294

Dan
Participant

Hey Tom, Johnny Nguyen and I worked on it a bit yesterday afternoon and determined it was the client’s photos partially that were causing the issues. The photos were not stretching but being forced to different proportions when the sidebar was on then when the sidebar was off. The photos get really tall with the sidebar on and look really skinny. We were trying to make the photos display more proportionate vertically with the sidebar on. Stretching the full layout seems to help on desktop. Not sure if there is a problem or I am trying to make it do something it wasn’t designed for. I will play with the code you shared though. I think she is wanting a different layout now anyways, lol.
Thank You Tom

June 4, 2020 at 4:35 pm #16307

Tom
Keymaster

Sounds good! Let me know if you need more help with it 🙂

June 11, 2020 at 11:00 am #16451

Dan
Participant

Sorry, the screenshot is here. https://imgur.com/a/rxqZl1n

June 11, 2020 at 4:51 pm #16460

Tom
Keymaster

Is the cropping the issue there? If so, try to unset object-fit as well.

June 11, 2020 at 4:56 pm #16462

Dan
Participant

The. vertical cropping is what is the issue, I will try the unset object-fit and see what it can do. Thanks

June 11, 2020 at 5:05 pm #16464

Dan
Participant

Ok, I added that and now the pics are stretching horizontally, lol.

June 12, 2020 at 5:13 pm #16500
Tom
Keymaster
Try this:
```
@media only screen and (max-width: 768px) {
    .wpsp-card .wp-show-posts-image img {
        max-height: unset;
        object-fit: unset;
        height: auto;
    }
}
```
June 16, 2020 at 2:47 pm #16584

Dan
Participant

Thank You Tom! This worked perfectly!

June 16, 2020 at 5:51 pm #16590

Tom
Keymaster

Glad I could help! 🙂
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] Images are stretched verticaly