Issues with Chrome

In this article

Fonts are pixelated or blurred

It is a common problem in Chrome, that the fonts are rendered pixelated or blurred, because they just don't render ttf and woff fonts well.

So the fonts aren't made by our slider, it's just how Chrome makes texts show up, and there isn't a real solution, just these tricks what you can read, that if you use svg fonts instead, that should be fine.

Use your own fonts or use javascript fonts instead, which aren't using Chrome's font rendering, they are drawing the fonts.

There is only one tip we can give, if you don't want to use other fonts, and that is, if you remove the boldness, and that would make it look better.

Video layer's cover image isn't used

Chrome has changed how it handles HTML video elements and it will only use the "poster" attribute if preload:metadata is used on the video element. So you should go to your video layer's settings, change the Preload option to Metadata and it should solve your problem!

Chrome version 84 has a bug, that the images don't always load in the lightbox. (In version 83.x there was no problem with this.) We have reported this bug and the developers seems to managed to fix this problem in their latest build of Google Chrome Canary (the developer version which contains the upcoming fixes). So once Chrome releases this new version, this problem should no longer occur.

Until then, this CSS code could help you in fixing the problem:

div.litebox-overlay img, div.litebox-overlay iframe {
     overflow-x: unset; 
}

You can paste it to Slider settings → Developer tab → CSS.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.