Images distorted in lightbox

  • Resolved dunks80

    (@dunks80)


    10 years, 6 months ago

    Hi Guys,

    I’m having a problem with the images on my website in lightbox. On desktops (both Firefox and IE) the images get distorted – they are squished to the left with a large white space to the right. I’ve tried disabling all the plug-ins and that hasn’t helped. The problem does not seem to occur on mobiles.

    Any ideas on what’s going on?

    Thanks

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

  • You have this in your style.css:

    @media screen and (min-width: 1025px)
img {
max-width: 40%;
height: auto;
vertical-align: top;
}

    I suppose you want that for the logo right?
    So to make just the logo be affected by that rule change it as follow:

    @media screen and (min-width: 1025px)
.site-logo img {
max-width: 40%;
}

    don’t think height and vertical align are really needed in this case.

    Thread Starter dunks80

    (@dunks80)

    Thanks. That has fixed the light box issue, but the logo now dominates the page and the slider has gone.

    Ah sorry, this is ’cause I copied and pasted the code from firebug and it strips the braces for teh media query, so it should be:

    @media screen and (min-width: 1025px){
    .site-logo img {
        max-width: 40%;
    }
}

    Thread Starter dunks80

    (@dunks80)

    Perfect!!!!

    Thanks very much for your help again.

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images distorted in lightbox’ is closed to new replies.