Hi there
It looks like a plugin or theme of yours minifies all CSS files on your site. In doing so, it unfortunately removes all CSS custom properties (also known as CSS variables).
So whatever performance plugin or other solution you use for that, try turning it off oder tweaking its settings. It could be a bug in that solution, so best to report it to that plugin’s developer.
You could also try re-adding the expected CSS back to your site via Customizer -> Additional CSS:
:root {
--ws-font-size-title: 18px;
--ws-font-size-circle-title: 14px;
--ws-font-size-excerpt: 16px;
--ws-font-size-author-date: 14px;
--ws-aspect-ratio: 4 / 6;
--ws-list-aspect-ratio: 4 / 6;
--ws-overlay-text-color: #fff;
--ws-overlay-text-lh: 1.3;
--ws-story-min-width: 160px;
--ws-story-max-width: 285px;
--ws-circle-size: 96px;
--ws-circle-border-color: #ccc;
}
But if there’s a bug in that plugin, it will probably still remove it. So yeah, try disabling that CSS minification feature first.
Thank you, it was a plugin called Page Speed Ninja that had minify CSS. I turned it off and it worked.