Big white space above youtube video since last update

Resolved AlfredG
(@alfredg)

2 years, 6 months ago

Since the last update the Youtube video has a big white space above it. How can I remove that?

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

MarkRH
(@markrh)

2 years, 6 months ago
Not sure this is a Gutenberg issue. The following is causing the large white space:
```
<div class="suki-oembed suki-oembed-video" style="padding-top: 56.25%;">
```
Also, the following CSS:
```
.suki-oembed-video {
	position: relative;
	padding-top: 56.25%;
}
```
What’s this Suki Embed?
Thread Starter AlfredG
(@alfredg)

2 years, 6 months ago

This must be code from my Theme, I use Suki theme because it worked great with Gutenberg. The whitespace issue started after the last Gutenberg update. Before that ther article looked fine, I saved it again after a minor change and the white spaces were there.
gilles265
(@gilles265)

2 years, 6 months ago
Completely agree with Alfred. The whitespace issue started after the last Gutenberg update (3.9.0). And yet I use the Atomic blocks theme created for Gutenberg.
https://motosstyles.fr/2018/09/14/ducati-monster-1200s-indigo-flyer-rough-crafts/
A thread with the same problem on github :
https://github.com/WordPress/gutenberg/issues/10109
Contrary to what is explained, I do not think that the problem comes from an extension. I am not a developer but I see that Gutenberg has doubled the syntax:
```

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-has-aspect-ratio wp-embed-aspect-16-9"><div class="wp-block-embed__wrapper">

</div></figure>

```
- This reply was modified 2 years, 6 months ago by gilles265.
- This reply was modified 2 years, 6 months ago by gilles265.
- This reply was modified 2 years, 6 months ago by Marius L. J.. Reason: Added code tags for readability
MarkRH
(@markrh)

2 years, 6 months ago
Well, I made a test post: https://blog.markheadrick.com/2018/09/23/gutenberg-3-90-video-embed-test/

No extra space at the top. However, it may just be that with the plugins I have and using the Twenty Twelve theme which isn’t Gutenbergized yet, I don’t see it. Looks like several of the CSS classes just aren’t defined on the front-end in my case. Looked over the GitHub issue and I do agree that something is messed up.
- This reply was modified 2 years, 6 months ago by MarkRH.