Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #495506

    I’ve read through several posts that skirted around this issue but I haven’t found a clear solution yet:

    I have a background video in the top color section of the URL in my Private Content below (it’s just a test)

    If the color section is set to 50% of screen height (or a custom height), I’d rather show the bottom half of the video than the top. So I’d like some control over the vertical alignment of the video. How can this be styled?

    Thank you in advance for your help.

    Margaret

    #495535

    Hi mterrian!

    Have you tried to add background-position: center bottom; to the element?
    Has it worked?

    Cheers!
    Basilis

    #495571

    Hi Basilis,
    There doesn’t appear to be such an adjustment available for the videos, only for a static background image. Is there a line I can slip into the custom CSS that would achieve the same thing, only for the video background instead?
    Thanks in advance for your help.

    #496197

    Hi,

    You could try to experiment with the top value:

    #top .av-section-video-bg {
        top: -200px;
    }

    Not sure it’s what you are looking for though?

    Best regards,
    Rikard

    #496280

    Thanks, Rikard, but I’m thinking that might cause more problems than solutions, especially on mobile….. Can that particular class (.av-section-video-bg) be given a vertical-align ? I just want the same control over background video that you’ve offered for background images in color sections….the ability, basically, to set the alignment to bottom center. Is there a class or a set of them I can monkey with?

    #496968

    Hey!

    you can add media queries to Rikard’s code to change behavior for mobile only:

    @media only screen and (max-device-width: 736px) {
    #top .av-section-video-bg {
        top: 0px;
    }}
    

    Best regards,
    Andy

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.