-
Posts
-
Hello Support,
On the homepage of this site I am developing, I have a color section beginning the main content.
This element is set for:- At least 50% of Browser Window height
- No padding
It has a video background served from the host (site directory) and set to 16:9.
However, the video element is bleeding past the container element.
Do you see why?
(credentials in Private Content section)
~ Greg
Hi,
Thank you for the inquiry.
is bleeding past the container element.
That is how the theme maintain the aspect ratio of the video in case it doesn’t match the container. We can set the video to inherit the actual width and height of its parent container, but it will most likely get distorted on certain screen sizes.
Best regards,
IsmaelHello Ismael,
How do I keep the video background contained within the Color Section element?
It looks horrible as it is…
That is how the theme maintain the aspect ratio of the video in case it doesn’t match the container.
And my recollection of the video background on a Color Section element is it remains contained; like this site: https://www.hearthsidefoods.com/ and this site: .
In fact – I’m pretty sure those two sites have the video element contained within the Color Section element.
~ Greg
Hi,
Thank you for the update.
And my recollection of the video background on a Color Section element is it remains contained; like this site:
We are referring to how the theme resizes the video to maintain its aspect ratio and keep the container covered. Yes, the video should be contained within the section.
We understand the issue now. Somehow, the following css code is missing, so we added it in the Quick CSS field.
.avia-slideshow { overflow: hidden; }Best regards,
Ismael
- The topic ‘Video background not adhering to the Color Section element’ is closed to new replies.