Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trouble with background video

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #293520

    I added a background video to the top section of a page, but there is a small section that shows under neither the header section and I can’t figure out how to change the background of that section to white. The best solution is to make the background video only appear inside the .hero-area section, but I gave up on that after hours of frustration. Any ideas?
    Here is a link to the testing environment…
    http://aaronhaas.com/labelle/video-bg.html

    #293523
    Shikkediel
    Participant

    Edit – misunderstanding on my side I think… but this is what I noticed:

    It is caused by the footer element, which has negative margins. This creates a horizontal scrollbar – which in turn results in 100vh for the height of the video not being equal to 100%, the available size on the screen.

    .row.blackBG {
      margin: 0;
    }
    
    #293524

    I didn’t even notice the horizontal scrollbar until you mentioned it. Yes I want to get rid of that, but also the issue with the video showing between the sticky nav bar and the top of the “About The Property” section.

    #293844
    TrickzGang
    Participant

    Nice One Bro, Worked For Me Also. Thanks

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