Youtube embed - design broken

  • 22 August 2021
  • 2 replies

Hey there!

thanks for your attention,

My problem is that when I embed a Youtube video, 

a vast gap appears on top of it.

You can see here


(section F. Fautes gênantes in the article page)

Has anyone else run into this? Any suggestion?



2 replies

Userlevel 5
Badge +1


There is CSS causing this on top of embedded videos. See below the CSS and then a link to the file where this is being pulled. Looks like the built-in Gutenberg styles is throwing that in, though 56% seems a bit high!  Hope this helps you out!

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
    padding-top: 56.25%;

Using my browser inspector, it appears this is coming from this file

it looks like you figured it out… what did you do? I’m having the same problem: