Retina Thumbnails

  • Resolved Sevallis

    (@sevallis)


    8 years, 2 months ago

    Hi, I’ve been trying to figure out the transition to retina on my site goodallguitars.com, and have been able to get some hi-dpi images in a slider on goodallguitars.com/guitars/classical/ but I see that the thumbnails generated by meta slider aren’t retina/hi-dpi ready. I searched around and couldn’t find anyone talking about retina or hi-dpi + meta slider, so I thought I’d come and ask around here.

    I’m still struggling to figure out proper wordpress media settings to have my WP Retina 2x plugin be able to correctly generate the different sizes appropriate to my usage, but this seems to be completely beyond my control and therefore I don’t think I could generate images to make it right. Maybe I’m missing something?

    Thanks!

    • This topic was modified 8 years, 2 months ago by Sevallis.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    Could you try the following:

    1. In the slider settings make the thumbnails twice the size they are now i.e. 100 x 150
    2. Adding the following CSS to your theme’s style.css file or via a custom CSS plugin etc:

    .metaslider .flex-control-nav.flex-control-thumbs li img {
    width: 80% !important;
}
.flex-control-thumbs li {
    width: 50px !important;
}

    The thumbnails should then have a native size twice that of the displayed size.

    Thanks,
    Dave

    Thread Starter Sevallis

    (@sevallis)

    Thanks, that worked great and they look nice and sharp now. I really appreciate your help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Retina Thumbnails’ is closed to new replies.