Archived topic
Container space with video
5 replies · Started by Gerva on August 7, 2022
In a container I inserted a grid where on the left side I have text and on the right side I have an iframe video
I can't seem to remove a space below the video.
Any suggestions
Thanks
Hi Gerva,
In which specific page in your site can we find this Grid Block?
Hi
On this page
Hi there,
there are two issues:
1. The embed block has bottom margin:
Select the YouTube embed block, and in Advanced > Additional CSS class(es) add: no-bottom-margin
Then add this CSS to your site:
.no-bottom-margin {
margin-bottom: 0 !important;
}2. Column Heights and Video Aspect Ratio.
After removing the margin using #1 there is still a space.
This is because the Left Hand column is taller then the right hand column.
The YouTube video won't automatically fill this space as it has a fixed aspect ratio.
You can either:
a. increate the width of the Right Hand column eg. 55% and reduce the left hand width eg. 45%. Then the YouTube Video will fill the space.
or
b. reduce the size of the left hand columns content and padding
Simply fantastic
Thank you so much for the support
You're welcome
