Download a FREE Blurb Expanding Section on Scroll for Divi

Download a FREE Blurb Expanding Section on Scroll for Divi

There are many ways you can use Blurb Modules throughout your page design and now, with Divi’s scroll effects, animating them on scroll becomes an effortless experience. In today’s tutorial, we’ll show you how to create an expanding circular blurb layout that you can use to emphasize four different Blurb Modules. We’ll use Divi’s absolute positioning to achieve our desired outcome and add a separate scroll effect to the entire row container. You’ll be able to download the JSON file for free as well!

Let’s get to it.

Preview

Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.

Desktop

Mobile

expanding blurb

Download The Blurb Expanding Layout for FREE

To lay your hands on the free blurb expanding layout, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

1. Recreate All Elements

Add New Section

Spacing

Start by adding a new section to the page you’re working on. Open the section settings and modify the top and bottom padding.

  • Top Padding: 7vw
  • Bottom Padding: 7vw

expanding blurb

Add Row

Column Structure

Continue by adding a new row using the following column structure:

expanding blurb

[…]

 



This article was written by Donjete Vuniqi and originally published on Elegant Themes Blog.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

You have to agree to the comment policy.

Scroll to Top