Large white space between Youtube video and text

  • Hi!

    This is the first time I am adding a YouTube short to my blog and its created a huge white space between the text and the video. I have tried to look at the code but it makes zero sense to me. I imagine its to do with padding but I cannot work out how to fix it.

    I have added a youtube video in the past (although not a short so its a different size) and not had this issue.

    Any ideas how to resolve this please?

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

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

  • Hello @inwanderment2024,

    Unfortunately, Kadence does not provide the YouTube block as it is a standard Gutenberg block. You may need to check the block settings for spacing settings.

    However, you may want to try CSS to solve the problem. For example, try the following CSS and let us know if it works for you.

    .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: unset;
}
    Thread Starter inwanderment2024

    (@inwanderment2024)

    Hello and thank you for your reply! It has worked fine on another post though so this doesn’t make sense to me? Kadence has a Youtube option and it has worked fine on the below post: (as you can see no additional white space)

    https://www.inwanderment.com/wat-sam-phran/

    Thank you for providing the CSS, I have no knowledge on editing coding, can you advise where I would add this please? Thank you for your help ??

    Hello @inwanderment2024,

    The YouTube block is a standard Gutenberg block provided through WordPress. I reviewed the HTML for both pages you provided and it doesn’t match up with the HTML on my site when I add the YouTube block.

    The problem could be due to caching or optimization plugins. Clear your cache and see if that solves the problem. If not, you can add CSS in several ways. However, you can add it globally by navigating to Appearance > Customize > Additional CSS. After adding the CSS, clear your site cache to generate new CSS.

    Thread Starter inwanderment2024

    (@inwanderment2024)

    Okay thanks so much, I have already cleared my cache a few times. I think Ill speak to my host as I have had caching issues with them a few times, thank you for your help ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Large white space between Youtube video and text’ is closed to new replies.