-
Posts
-
Cannot get a youtube video to totally fill a 50% width div and leaves a small gap at the bottom. Have made cell background yellow to highlight this problem.
see video near to top of page at http://www.anderseyfarm.co.uk/barn-accommodation/
Hey madmanbean,
This won’t work as only background images can only fill that column, if there’s a background video option that would also cover it unfortunately, we don’t have that option.
I would suggest instead to using a color section and have a background video however it’s not applicable for the layout you wanted.Best regards,
NikkoDont think you quite understand..
The youtube video fits in perfectly but for a small gap at the bottom which it would seem is a problem related to the iframe embed not using the css display:block see https://stackoverflow.com/questions/21025319/iframe-creates-extra-space-below fpr an explanation. Whatever the size of the screen there is always this small gap at the bottom of the youtube video which otehrwise always fills the cell perfectly. I have removed the yellow background so that you can see the video always fits perfectly apart from the small white strip at the bottom caused by the embed code. This is constant whatever size screen is used.
Hi madmanbean,
I see, try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .avia-video, #top .avia-iframe-wrap { margin-bottom: 0; }Let us know if this helps.
Best regards,
NikkoFantastic and thanks.. Solved the problem. Sure many others have the same problem but have not even noticed.
- The topic ‘You tube video embed problem’ is closed to new replies.