Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1173014

    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

    #1173476

    anyone available to help with this? I looked through other posts and didn’t find a solution… ~ Greg

    #1173763

    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,
    Ismael

    #1173769

    Hello 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

    #1173842

    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

    #1174757

    Hello Ismael,

    Perfect – thank you!!

    This case can be closed.

    :-)
    Greg

    #1174830

    Hi,

    You’re welcome! We’ll close this thread for now. Please feel free to open a new one if you need anything else.

    Have a nice day. :)

    Best regards,
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Video background not adhering to the Color Section element’ is closed to new replies.