I am trying to add three videos to the bottom of a “gallery on left” post. I have been able to add three using the “show video” button and this code in the “embedded code” box:
<div class=”videoWrapper video-wrap video-post-wrap” style=” padding-top:56.667%”><iframe src=”//player.vimeo.com/video/XXXXXXXX” width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<div class=”videoWrapper video-wrap video-post-wrap” style=” padding-top:56.667%”><iframe src=”//player.vimeo.com/video/XXXXXXXX” width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<div class=”videoWrapper video-wrap video-post-wrap” style=” padding-top:56.667%”><iframe src=”//player.vimeo.com/video/XXXXXXXX” width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
But there is a huge space between the gallery and my videos. Is there some CSS I could add (or another way) to have the videos touch the gallery with no space between them?
Thank you.