YouTube blocks not showing up on published posts

We have a site where we have styled the blog posts with a Single Layout and when we use the YouTube video block, it shows up just fine in the editor, but never displays on the front end.

If I use an HTML block and do the iframe code, it works…sort of. It displays very small.

I have tried to change themes and it works with one of the default WordPress themes, so I know that the issue is Pro theme but I can’t figure out what.

The link to the page is here: https://advocacyoffice.utah.gov/video-links/understanding-the-utah-trust-system/

I am also attaching a screenshot of what it looks like in the editor.

The top block is the one that shows up on the front end (but not well).

Any guidance or insight that you could offer would be much appreciated. Thank you!

Hey @dtsui,

Thanks for writing in! Kindly edit your single layout and add this custom CSS:

.x-layout-single .entry-content embed, 
.x-layout-single .entry-content iframe, 
.x-layout-single .entry-content object {
  min-width: 560px;
}

Where to add this code:

  • Find the Code icon in the lower right corner

image

Best Regards.

Hello,

I added that and while it fixed the iframed version, it doesn’t fix the WP block issue of it simply not showing up. I have removed the iframe one completely so that you can see how it’s just not displaying (but it’s in the code if you inspect).

Thank you!

Hey @dtsui,

We need to know if this is an issue with our theme first. Please kindly do the following tests.

  1. Testing For Theme Related Issue
  2. Testing For Plugin Conflict
  3. Theme Update
  4. Child Theme
  5. Css/Js Customization

Please tell us the result of each step and provide the following info in a Secure Note if none of the steps helped.

  • WordPress Login URL
  • Admin username and password

You can find the Secure Note button at the bottom of your posts.

Thanks.

Hi @christian

I have already verified that it’s an issue with the Theme. I activated a default WordPress theme and the video block showed up. I had included this information on the original post.

There should be no CSS or JS customization interfering with this particular block. As you can see, the code is there. I have gone through the CSS in the dev tools and cannot find anything.

<div class="x-the-content entry-content">
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
<div class="wp-block-embed__wrapper">
<div class="x-resp-embed x-is-video x-is-youtube">
<iframe title="Utah School &amp; Institutional Trust System Overview 2025" width="880" height="495" src="https://www.youtube.com/embed/-_pEktEhGuU?feature=oembed&amp;wmode=transparent" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" wmode="Opaque"></iframe>
</div>
</div>
</figure>
</div>

Thank you!

Hey @dtsui,

Thanks for confirming. In your WP Admin Menu → Cornerstone → Globals (Theme Options) → Setup or Site Links, try enabling the oEmbed features.

image

@christian

It’s already enabled.
SITBAO-Cornerstone-EmbedSettings