White Space Between Embedded Videos

  • Hi there,

    In my last blog post I have three embedded YouTube videos, but there is a lot of white space above each video that I don’t think I am able to fix without editing the CSS. However, I know nothing about how to do that. The theme I am using is OceanWP. Please help!

    -Tillie

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

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

  • Hi.
    It seems your videos are wrapped with p tag with class .responsive-video-wrap.
    What if just add videos by YouTube embed blocks.

    Thread Starter tillieesther

    (@tillieesther)

    That is what I did.

    If so, that might be something to do with the theme or plugin.
    BTW, here is the css to tweak for now:

    .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    display: none;
}
    • This reply was modified 5 years, 7 months ago by ikaring.
    Thread Starter tillieesther

    (@tillieesther)

    How do I find that CSS and what should I tweak about it? I’m sorry, I know nothing about code!

    Pls add above css in Additional CSS, in Appearance -> Customize.
    That should fix the spaces.

    I use DevTools of the browser. If in Google Chrome, right click on page element and click “Inspect”(or something similar. I dont know English menu, I use Japanese one).
    You can browse DOM structure with CSS rules related to the element.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘White Space Between Embedded Videos’ is closed to new replies.