Question

Youtube embed - design broken

  • 22 August 2021
  • 2 replies
  • 25 views

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

https://leacafe.org/2021/08/21/linguistique-i-sur-les-traces-de-saussure/

 

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

Has anyone else run into this? Any suggestion?

 

Léa


2 replies

Userlevel 5
Badge +1

Hey:

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 https://leacafe.org/wp-includes/css/dist/block-library/style.min.css?ver=5.8

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

 

Reply