Black box or rectangular preview on refresh

  • mending

    (@mending)


    11 years ago

    Hi,

    Great plugin! We are planning to buy the Pro version but got 1 issue:

    Onload or refresh of our page here a black rectangular box (or reactangular cropped glimpse of the preview image) shows before the full preview image loads/shows completely. (We use latest Safari browser on Mac)

    This doesn’t look great! Can you somehow fix this og let us know how to add CSS for the black background color, so that we can make it grey #eee as our website background?

    Thanks!

    https://wordpress.org/plugins/lazy-load-for-videos/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author kevinweber

    (@kevinweber)

    11 years ago

    Hi,

    great that you like it!
    Please try the following custom CSS and tell me if that works:
    .preview-lazyload { background-color: #fff !important; }

    Do you think I should make white the default background colour (instead of black)?

    Best regards,
    Kevin

    Thread Starter mending

    (@mending)

    11 years ago

    Hi Kevin

    Thanks, that seems to work just fine. I definetely think you should make it white as default, yes.

    Do you have an answer regarding this ? When the page loads (and on refresh without cache) it shows the preview image in a reactangular cropped version.

    Would be great to get that fixed as well.

    Thanks!

    Thread Starter mending

    (@mending)

    11 years ago

    Hi,

    Any news on this issue?

    Thanks!

    Plugin Author kevinweber

    (@kevinweber)

    11 years ago

    I normally see that cropping thing when while the page is loading. But when you wait a few seconds, it should look as expected, at least when you’ve “Responsive Mode” enabled.

    Thread Starter mending

    (@mending)

    10 years, 12 months ago

    Hi,

    Yes, but this “Cropping thing” looks like a bug and we would appreciate if you would fix it.

    Thanks!

    Plugin Author kevinweber

    (@kevinweber)

    10 years, 12 months ago

    You can define a custom height that depends on your site and is used before the cropping ends, for example:

    .preview-lazyload {
  height: 600px;
}

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

The topic ‘Black box or rectangular preview on refresh’ is closed to new replies.