We're merging with GenerateBlocks! Learn more here.

[Resolved] What makes some images shrink to fit and others stay original size

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support What makes some images shrink to fit and others stay original size

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14995
    Lisa
    Participant

    Hi,
    I’m really enjoying ShowPosts and picked up Pro so I could do a little more with it.
    I have a group of radio stations I want to show on the home page and I got a basic framework to work, the images shrink proportionally to fit the space allotted.
    I was trying to be a bit more clever with the arrangement and made a second list showing the same posts using the cards-polaroid setting. Those images are exploded out and are cutoff by the space constraints. The images are our logos so they can’t be cut off abruptly. I see in your demo for Polaroid your featured images are the same (or similar) to what shows on the demo page. Maybe my images are too big?

    Is there a class I can put in to manage the overflow or some setting I can take out? Or is that full-size component part of that style? I’ve run into this image before and clearly am missing a concept. I’m not sure how to apply a class to the posts themselves.

    On the homepage, I have the first section working OK, and then scroll down for the second section in Polaroid: http://rubyradio.fm/2020site/

    Thanks for making yourself available for my newbie questions.
    -L.

    #15035
    Tom
    Keymaster

    Hi there,

    Your URL doesn’t seem to be working – can you double-check?

    Let me know 🙂

    #15092
    Lisa
    Participant

    I’m sorry Tom, I moved on with the site launch and forgot I had that link up here.
    I made a new one to show the differences. My problem isn’t with the software, but my knowledge of how to use it. I wonder what I adjust in the Cards to make the Featured Image fit width and height. I like the layout of the Polaroid, for example, but my images don’t seem to fit, while they fit in the other versions.

    https://rubyradio.fm/index.php/test-page/

    If there is a tutorial, I’d welcome it.

    Thanks,
    -L.

    #15105
    Tom
    Keymaster

    Right now you have the width and height set to 300px, which will crop the image. What happens if you only add one value (width or height), then add this CSS:

    .wpsp-card .wp-show-posts-image img {
        object-fit: unset;
    }

    Let me know 🙂

    #15135
    Lisa
    Participant

    Thank you, Tom. It’s amazing that you provide support even for broken site owners. That worked for me as object-fit: scale-down;
    The plugin is really exciting to use. Thank you.

    #15150
    Tom
    Keymaster

    Awesome, glad you got it working 🙂

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