Support » Plugins and Hacks » Easy FancyBox » [Resolved] [Plugin: Easy FancyBox] images not scaling

[Resolved] [Plugin: Easy FancyBox] images not scaling

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author RavanH


    I’m not sure I understand you correctly but images will be scaled to full size unless that is larger than the browser viewport (allowing a margin for the overlay and the close button) …

    Do you have a link to your site where I can see what you mean?

    Here is a link to one of the pages that is not working.

    The image should display as a rectangle (wider than taller) but is being displayed as a square with the horizontal dimension being compressed; i.e. the mountain is broader than you see. If I put a picture in there with a human face he would look really squished 🙂

    Thank you for your help.

    Plugin Author RavanH


    It’s because of a rule (in fact two instances of that same rule) in your theme’s stylesheet:

    html > body img {
      height: auto;
      max-width: 740px;

    With an extremely general rule (starting with html >) like that, that max-width also applies to fancybox image content.

    Start with changing the two instances you can find in style.css to

    html > body.content img {
      height: auto;
      max-width: 640px;

    There might also be IE specific rules that might interfere with the image size insode fancybox when viewed in Internet Explorer. You’ll have to test that…

    That did it. Thank you very much for looking into my specific case.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] [Plugin: Easy FancyBox] images not scaling’ is closed to new replies.
Skip to toolbar