[Resolved] Images are stretched verticaly

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Images are stretched verticaly

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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

    #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

    #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 🙂

    #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

    #16307
    Tom
    Keymaster

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

    #16451
    Dan
    Participant

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

    #16460
    Tom
    Keymaster

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

    #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

    #16464
    Dan
    Participant

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

    #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;
        }
    }
    #16584
    Dan
    Participant

    Thank You Tom! This worked perfectly!

    #16590
    Tom
    Keymaster

    Glad I could help! 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.