[Support request] Spacing in Posts – Videos

[Paddy Cannon]

I am having some issues with the spacing in the Blog section, I would like all the video posts to have no space between them at all, also on looking on the tablet and phone views the spacing is absolutely huge between the posts, how can I fix this?

[Tom]

Hi there,

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

[Paddy Cannon]

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

[Tom]

Hmm, try adding this CSS:

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

[Paddy Cannon]

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

[Paddy Cannon]

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

[Tom]

I’m not seeing the CSS added?

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

[Paddy Cannon]

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?

[Tom]

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.

[Author]

Posts