Stacked Cards for Divi – Free Layout with Fun Scroll Effect

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

Join our newsletter to get the good stuff!

We’ll provide you with updates on new tutorials, webdesign assets and special offers. Get top quality Divi goodies straight into your inbox! Read our Privacy Policy to learn how we manage and protect your submitted information.

Sign up to download

Get access to this layout and all the free resources made exclusively for our subscribers!

Already subscribed?

Fill the signup form and if you’re on the list it’ll get you straight to the download page! 


Can’t see the form? Click here

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.

Full tutorial coming next week!

If you’d like to learn exactly how to build layouts like this yourself, stay tuned! I’ll be sharing a full step-by-step video tutorial soon.

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!

Have you seen our

Divi child themes?

Divi Toolbox plugin?

We offer a great selection of high-quality Divi products to speed up your work. Feel free to use a coupon code IREADBLOG at the checkout to get a 10% discount!

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Enjoing our content?

You might find this interesting…

License Details

REGULAR LICENSE

Single Site

A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.

EXTENDED LICENSE

Unlimited Sites

An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.

SUPPORT & UPDATES

Each license is a one-time payment. There are no annual fees. You get lifetime access to product updates. Support is provided for 6 months from the date of purchase.

Server Requirements

SERVER SETTINGS:

  • PHP 7.2 or later
  • upload_max_filesize (256M)
  • max_input_time (300)
  • memory_limit (256M)
  • max_execution_time (300)
  • post_max_size (512M)

PHP.INI SETTINGS:

  • php-xml or/and php-dom
  • XMLReader
  • PHP CURL module

PHP MODULES:

  • allow_url_fopen

Would you like to...

Consult Ania and fellow students?

Join the conversation inside our private FB group.

Would you like to...

Get support privately?

Submit a support ticket via your account page.

Ask Ania?

Submit a question for the next live Q&A session.

Consult fellow students?

Join the conversation inside our private FB group.