[Resolved] retina images when setting size in WPSP

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support retina images when setting size in WPSP

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  Tom 2 weeks, 4 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11283

    Melissa
    Participant

    When I set the image size in Show Posts, how can I get it to use retina images? There are numerous sizes available for the featured image.

    https://theslowroad.org/favorites/

    #11284

    Melissa
    Participant

    Also, on this same page, how can I keep the title next to the image (instead of moving below) on small screens. I still want the whole list to move from 2 columns to 1, as it naturally does.

    #11296

    Tom
    Keymaster

    As of right now, you’d need to:

    1. Set the image width to 2x the size it actually shows up as: 270

    Then add this CSS:

    .wp-show-posts-image img {
        max-width: 135px;
    }

    2. Try this:

    @media (max-width: 767px) {
        .wp-show-posts-image.wpsp-image-left {
            float: left;
            margin-right: 1.5em;
        }
    }
    #11306

    Melissa
    Participant

    Thanks! Both of those fixes seem to have worked well.

    #11314

    Tom
    Keymaster

    You’re welcome 🙂

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

You must be logged in to reply to this topic.