Add playful scroll magic to your Divi page in just a few clicks
Looking for a subtle but impressive scroll effect that instantly makes your design feel more dynamic? Say hello to Stacked Cards for Divi â a free layout you can download and use right away. No CSS, no complicated setup â just clever use of Diviâs built-in scrolling effects.
Fun Fact:
I originally created this layout to answer a question from one of my amazing students inside the Divi Stylist Academy - and it turned out so fun that I had to share it with all of you! đ
Free Resources for Divi Lovers
Access this layout and dozens of other freebies - available exclusively for newsletter subscribers.
New here?
Join the newsletter to unlock the Freebie Library and get weekly Divi tips, tutorials, and design goodies.
Already subscribed?
Go straight to the Freebie Library and download this layout - plus lots more!
How it works
The effect is super simple but looks impressive!
Each âcardâ is actually a Row with scroll effects and offset settings. As you scroll, the cards stack one on top of the other â creating that fun layered feel.
đ The key details:
-
The last card sits inside its own section, with no scrolling effects applied. Thatâs what lets it smoothly âunstickâ and scroll up, revealing the content below.
-
Every section after the stacked cards needs a z-index value set (anything other than auto). This keeps everything layered and scrolling beautifully.
Watch the walkthrough
Want to see exactly how this scroll effect was built?
In this step-by-step video tutorial, Iâll show you how to recreate the layout using only Diviâs built-in settings â no custom code needed.
đ Watch below and follow along!
And thatâs it!
This little layout idea actually started with a question from one of my students inside Divi Stylist Academy. I love when those âwhat ifâŠâ moments turn into something everyone can play with.
I canât wait to see what you create with this little layout experiment. đ If you give it a try, leave a comment below or tag me - Iâd love to cheer you on!
0 Comments