Support » Plugin: Gutenberg » Big white space above youtube video since last update

  • Resolved AlfredG

    (@alfredg)


    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)
  • 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?

    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.

    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:

    
    <!-- wp:core-embed/youtube {"url":"https://youtu.be/NKW6vRDJS5c","type":"video","providerNameSlug":"youtube","className":"wp-has-aspect-ratio wp-embed-aspect-16-9"} -->
    <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>
    <!-- /wp:core-embed/youtube -->
    
    • This reply was modified 9 months, 4 weeks ago by  gilles265.
    • This reply was modified 9 months, 4 weeks ago by  gilles265.
    • This reply was modified 9 months, 2 weeks ago by  Marius L. J.. Reason: Added code tags for readability

    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 9 months, 4 weeks ago by  MarkRH.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Big white space above youtube video since last update’ is closed to new replies.