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
  • #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…


    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;

    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.


    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.