Spacing in Posts - Videos

Hi there,

Are you using any plugins to display your videos/make them responsive?

Hi Tom
They are vimeo links, http://www.jealousproductions.co.uk/reels

Hmm, try adding this CSS:

.generate-sections-container iframe {
    position: relative;
    vertical-align: bottom;
}

Added that to the custom css and nothing happened at all?

Any help here would be much appreciated, as the tablet and phone versions aren't looking too great!

I'm not seeing the CSS added?

Videos aren't responsive by nature, but this might help: https://docs.generatepress.com/article/responsive-videos/

I've now added the above html and added css and bizarrely the gaps on the tablet and phone are still quite huge? Any advise?

I believe that's just the height of the iframe added by vimeo.

You can remove the height, but you'll see the issue that creates:

.generate-sections-container iframe {
    height: auto !important;
}

Unfortunately I'm not really sure of a solution, as it has to do with the aspect ratio of the video.