Blurred text in table

  • Hi,

    I have a number of tables at the bottom of my “what’s new” page, and when viewing in chrome some are blurred on first load, but OK when clicked or scrolled over.

    The tables are text only, some blur some don’t. More specifically the blurring occurs after the first column heading – see Technology table. I have tried disabling the cache plugin and have disabled the theme style on WP Table Builder style settings and replaced the text. Looks OK when viewing in other browsers and android.

    Anything else I can try ?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • I was having the same issue. Chrome, especially on a Windows machine. After a lot of testing, it was the animation styles applied to the parent table that cause the font issue. If you haven’t already fixed it, just use this CSS and it will clear up the problem.

    .wptb-text-container div p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.wptb-preview-table {
    backface-visibility:hidden!important;
    transform:translate3d(0,0,0)!important;
    animation:none!important;
    opacity:1!important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Blurred text in table’ is closed to new replies.