Chrome - Burry texts

Affected browser(s) Chrome (72.0.3585.0 and above)
Affected slider type Carousel
Official bug report View
Status Awaiting for fix
Available workaround Maybe

Problem description

The text in the carousel slider looks blurry.


The problem happens, when there are broken px paddings or margins around the slider. So e.g. when the container has a code like this:

.parent {
    padding-left: 7.5px;
    padding-right: 7.5px;

You can try to remove or override this broken px to have an integer value instead, and that should solve the problem.

The problem can also happen when the container has margin: auto, and that can't be worked around.