[[email protected]]

Hi

Am using the My Music Band theme.

Whenever I embed a YouTube video I get excessive space directly above it. Please see: https://junglefish.band/video/

Can you offer any advice?

[sujapati]

@michael:

After inspecting the site, we found that the extra spacing is not caused by the YouTube video. Instead, it’s due to spacer blocks added in the editor. You can adjust their height by selecting the spacer block and dragging its handles directly within the WordPress editor.
I’ve attached the screenshot below for reference.

Regards,
Sujapati

[[email protected]]

Hi Sujapati

In fact I don’t think you’re correct that the spacers are the problem. By the time you looked at the problem I had already ‘fixed’ it by adding this entry in the CSS:

.fluid-width-video-wrapper {
padding-top: 0 !important;
position: static !important;
}

So, just for now, I have removed the additional CSS and the spacers so that you can see what the original problem looked like. Perhaps you can investigate again?

Many thanks,

[sujapati]

@michael:
Thanks for making us clear. The padding-top on video wrapper is automatically set internally by FitVids.js to preserve the video’s aspect ratio, ensuring it scales fluidly across different screen sizes. You can either use the CSS below or the one you have used before to adjust the gap.

.fluid-width-video-wrapper {
    width: 100%;
    position: absolute;
    padding: 0;
    left: 0;
    top: 0;
}

Regards,
Sujapati

[[email protected]]

Great. Thanks for the help.

[Author]

Posts