Web Stories Embed Not Showing on Live Site

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.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer