[Resolved] retina images when setting size in WPSP

Please login to receive premium support.

Support for the free plugin can be found here.

Tagged: images

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

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

Author

Posts
September 25, 2019 at 11:24 am #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/

September 25, 2019 at 11:25 am #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.

September 25, 2019 at 5:43 pm #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;
    }
}
```
September 26, 2019 at 9:04 am #11306

Melissa
Participant

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

September 26, 2019 at 4:46 pm #11314

Tom
Keymaster

You’re welcome 🙂
Author

Posts

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

You must be logged in to reply to this topic.