Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 30, 2015 at 7:12 pm #495506
    mterrian

    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

    August 30, 2015 at 10:19 pm #495535
    Basilis

    Hi mterrian!

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

    Cheers!
    Basilis

    August 31, 2015 at 2:54 am #495571
    mterrian

    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.

    September 1, 2015 at 4:20 am #496197
    Rikard

    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

    September 1, 2015 at 8:24 am #496280
    mterrian

    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?

    September 2, 2015 at 11:00 am #496968
    Andy

    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

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