Slider images squashed

  • Resolved kingsleycreative

    (@kingsleycreative)


    9 years, 5 months ago

    I’ve encountered an issue where gallery images in the slider format are appearing squashed flat, on certain browsers.

    Screenshots: https://imgur.com/a/ETSZT

    The squashed one is in Google Chrome (46.0) on a Retina MBP on OS X 10.10.4.
    The second (normal) is in Safari (8.0.7) on the same machine.

    I’ve noticed that the squishing seems to happen most frequently on retina displays, but isn’t fully consistent. I have a plugin installed (WP Retina 2X) to handle retina graphics, but it was installed after these issues arose in an attempt to solve the problem.

    I’m wracking my brain trying to figure out where this could be coming from, but I’m at a total loss now.

    Site available at https://www.carleylaine.com/portfolio/the-kite-runner/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi there – this looks like a glitch in the theme itself, so thanks for reporting it!

    We’ll get it fixed up in the next version of the theme, but in the meantime could you try adding this custom CSS to your site to override the flaw:

    .slick-slide img {
  width: auto;
}

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    Thread Starter kingsleycreative

    (@kingsleycreative)

    Fabulous, that worked perfectly! I’m using a child theme, so I added it to the style.css and that cleared it up just great.

    Cheers!

    Moderator Kathryn Presner

    (@zoonini)

    Glad to hear the workaround did the trick!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider images squashed’ is closed to new replies.