Height of embedded videos

Support
#1

Hi there.

We’re having issues with our embedded videos, their height looks suddenly oversized:

Problem gets partially solved when we set this CSS rule:

iframe {
height: 50% !important;
}

This fixes up the sizing of the iframes, but the columns they’re in keep showing up at 200% of the needed size, so we get an empty space, a blank footer, after the iframe.
Have tried to resize containers, but doesn’t seem to work.

Please help.

#2

Hi Emilio,

It is a cause by container settings of visual composer. Please remove this CSS:

iframe {
height: 50% !important;
}

Then on the page CSS, try to add this:

.wpb_video_widget .wpb_video_wrapper {
    padding-top:0 !important;
}

Hope this helps.

#3

Thank you so much, it worked great… and was driving us nuts! :slight_smile:

Awesome work.
Best wishes,

#4

You’re welcome :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.