1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Parallax on Background Video

Discussion in 'Free Divi Community Forum' started by Junjor, Sep 29, 2019.

  1. Junjor

    Junjor New Member

    Hey Divi-Nation,

    here is my question and i hope someone of you knows the solution. Maybe it´s quite simple?!....

    I want to create a parallax effect on a background video (Divi-Theme)
    Something like that: https://platzprojekt.de

    After a lot of reading and watching tuorials on the internet it doesn´t look like there´s a way for me to realize it (nativly only pictures comes along with a parallax-effect).

    But the example i quote has done!! HOW?? What kind of CSS maybe??

    Someone who knows a way?

    I would be very happy about a working answer :)
    Thanks a lot
     
    #1 Junjor, Sep 29, 2019
    Last edited: Sep 29, 2019
    katbytes likes this.
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Sep 29, 2019
    katbytes likes this.
  3. Junjor

    Junjor New Member

    YES !!!!!! CSS WORKS!!!!!

    THANK YOU SO MUCH !!! :):)

     
    #3 Junjor, Sep 30, 2019
    katbytes likes this.
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. ErikB

    ErikB New Member

    Can you tell me more about how you did it?

    I added the CSS code as described.
    I've added a new section (Regular). Then inserted a video. But now I can't choose the video as a background and neither can the parallax effect.

    Please help.
    If possible, step by step.

    Many thanks
     
    #4 ErikB, Sep 22, 2020
    katbytes likes this.
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    You should be able to set the Section Background to be video. See screenshot below:

    upload_2020-9-25_23-12-29.png
     
    #5 Divi.Help, Sep 25, 2020
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  6. ErikB

    ErikB New Member

    Hello!
    Many Thanks. It worked.

    greeting
    Erik
     
    #6 ErikB, Sep 27, 2020
  7. Max2021

    Max2021 New Member

    Hello, I have followed this procedure, but I cannot get the footer to show. This disappears as soon as I modify the class

    .et_pb_section_video_bg {
    position: fixed!important;
    }



    Help me please.
     

    Attached Files:

    #7 Max2021, Feb 21, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #8 Divi.Help, Mar 12, 2021
  9. Tony Turquet

    Tony Turquet New Member

    Hello, I have the same problem, the footer shows the background video on my website. Using DIVI builder
     
    #9 Tony Turquet, Apr 19, 2021
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #10 Divi.Help, Apr 23, 2021
  11. TJ Marek

    TJ Marek New Member

    I added this snippet and it worked great, however it takes up the entire page. Right now I have two sections with background videos. I would like to leave the first one full screen, and then continue to scroll down past the first section of the page, to the second one, and then have the background parallax effect kick in. So you see one full screen video, scroll past it, and the second section have the video become fixed there to create a parallax effect. Any ideas?

    https://www.fireoakmedia.com/
     
    #11 TJ Marek, Mar 21, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  12. Zorax

    Zorax New Member

    Hello, I'm having the same issue right now on my website, just started working on a project with Divi, and found this forum to add Parallax on my background video but it also made my footer disappear. It looks like there's something acting weird with footer size, because when I just check the same page on phone, it seems to appear, on my home page it doesn't on any device.

    Here is the link if someone has a solution: https://www.zorax-builds.com/builds-teso/
     
    #12 Zorax, Nov 29, 2024
  13. George Jetson

    George Jetson New Member

    A solution to the footer being hidden behind the video is adding some CSS to change the Z-Index of the footer. This fixed it for me. The position: relative; is needed for the z-index to take effect.
    Code:
    Log In or Sign Up to view this code.
     
    #13 George Jetson, Dec 29, 2024
    katbytes and Lauren Atkinson like this.
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  14. katbytes

    katbytes New Member

    Worked like a charm... easy peasy lemon squeezey! Thanks! :)
     
    #14 katbytes, Sep 12, 2025
  15. katbytes

    katbytes New Member

    Thank you so much for including this - I didn't even realize the footer was doing this till I saw your fix. :)
     
    #15 katbytes, Sep 12, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)