Five Collection gets 19 New Divi Blurbs

We’re expanding our Five collection with 19 new blurb designs for Divi. Each blurb combines modern aesthetics with practical functionality, perfect for showcasing your services, features, or key information.

If you’re a Divi Den Pro subscriber, you can access Five now from the layout finder. We’ve tested each element for performance and responsive design to ensure your sites work well on all devices.

With these new items, our library now has a total of 3090 items. More layouts coming next week.

Design Elements & Style

Our new blurb collection features carefully crafted design elements:

• Minimalist typography with premium font pairings
• Subtle hover animations and transitions
• Custom icons and vector graphics
• Strategic white space usage
• Balanced colour schemes adaptable to your brand
• Modern gradient overlays and shadows
• Clean lines and geometric shapes

Layout Features

Each blurb design includes:

• Flexible grid-based layouts
• Responsive image handling
• Customizable content sections
• Icon placement options
• Multiple column variations
• Adaptive spacing
• Title and text alignment options

Interactive Elements

Enhance user engagement with:

• Smooth hover effects
• Button animations
• Icon transitions
• Image scaling
• Colour shifts
• Content reveals
• Click interactions

Use Cases

Perfect for displaying:

• Service offerings
• Product features
• Team capabilities
• Process steps
• Key benefits
• Company values
• Contact information

View All Divi Blurbs

Technical Details

• Compatible with Divi 4.x
• Responsive on all devices
• Optimized loading speed
• SEO-friendly structure
• Works with popular caching plugins
• Cross-browser compatibility
• Accessibility compliant

Getting Started

• Access through the Divi Den Pro layout finder
• Easy import with one click
• Customize colours and content
• Full documentation available
• Video tutorials included
• Live preview options
• Expert support available

New to Divi Den Pro? Sign up to access these blurbs and our complete Divi collection.

Welcome to our latest update, designed to enhance your blog’s visual appeal and functionality. We’re introducing 9 modern Divi blog layouts, 6 Divi person modules, and 2 blurbs as part of our exclusive Barbra Collection. These thoughtfully designed elements work in harmony with your existing Divi setup, so you can create a blog that distinguishes itself from the competition.

The addition of these 17 new sections expands your toolkit for crafting a unique and captivating blog. The Barbra Collection strikes a balance between aesthetics and practicality to present your content in the most effective manner possible.

With these new items, the pro library now has a total of 3090 items available for you to use.

Modern Divi blog layouts by Divi Den Pro

9 Modern Divi Blog Layouts | Barbra Collection

The modern Divi blog layouts in the Barbra Collection has a clean, contemporary design that prioritizes your content. By artfully combining text and images, these layouts capture your readers’ attention and maintain their interest in your blog posts.

Each layout incorporates specific sections for showcasing blog entries, highlighting author profiles, and strategically placing call-to-action elements. These components collaborate to create an immersive reading experience that motivates visitors to go deeper into your content. With intuitive navigation and a focus on user experience, the Barbra Collection layouts make your blog is both visually appealing and user-friendly.

Explore the new blog sections:

BBlog V6 – Barbra Blog

BBlog V7 – Barbra Blog

BBlog V8 – Barbra Blog

BBlog V9 – Barbra Blog

BBlog V10 – Barbra Blog

BBlog V11 – Barbra Blog

BBlog V12 – Barbra Blog

BBlog V13 – Barbra Blog

BBlog V14 – Barbra Blog

6 Divi Person Module Sections | Barbra Collection

Our new person module sections are perfect for featuring team members or individual profiles. They are designed to fit perfectly with the modern blog layouts.

BPerson V5 – Barbra Person

BPerson V6 – Barbra Person

BPerson V7 – Barbra Person

BPerson V8 – Barbra Person

BPerson V9 – Barbra Person

BPerson V10 – Barbra Person

2 Divi Blurb Module Sections | Barbra Collection

These sections are perfect for highlighting key information or calls to action, designed to complement the overall modern aesthetic of your site.

BBlurbs V16 – Barbra Blurbs

BBlurbs V17 – Barbra Blurbs

That’s all for this update. See you soon for more!

If you don’t have Divi Den Pro yet, start your free trial today.

We bring you new additions to the Barbra layouts collection as September comes to a close. You’ll find 5 new Divi headers and 5 new Divi blurbs sections.

This time we’ve focused on default Divi settings, avoiding custom CSS or animations. Typically, custom elements require us to update plugin files, leading to a review process at the marketplace which can sometimes delay the publishing of layouts.

Interestingly, these sections took a bit longer to create. We’d appreciate your feedback. Do you prefer this approach, or would you like us to stick with the normal bells-and-whistles? Leave a comment below to let us know.

With these 10 new Divi sections, the library now counts 3090 items in total.

What’s included in this update

Divi Headers

BHeader V12
BHeader V13
BHeader V14
BHeader V15
BHeader V16

Divi Blurbs

BBlurb V11
BBlurb V12
BBlurb V13
BBlurb V14
BBlurb V15

Stay tuned – more coming soon!

We just refreshed the Divi Den Pro library with 19 new sections. All sections are from our latest collection, Olena. New blogs and blurbs, CTAs and contact forms – check it out!

The cloud library now counts 3090 items in total.

Because of you

Divi Den has been going strong for 6 years thanks to your support. With Divi 5 on the horizon, we plan to make that many more. In this time, we’ve listened to your frustrations in support and thought about ways we can help you build faster and easier.

A new project

For the past 3 years, an independent team in our studio has been working on a secret project, and it’s getting close to launch. Based on early feedback with beta testers, we think many of you will be interested.

Look out for another email next week when we can tell you more about it.

What’s in this library update?

Contact forms and blogs as seen in Divi Den Pro

3 Divi CTA sections modules

OCall To Action V3
OCall To Action V4
OCall To Action V5

3 Divi blog sections

OBlog V14
OBlog V15
OBlog V16

11 Divi blurbs

OBlurb V31
OBlurb V32
OBlurb V33
OBlurb V34
OBlurb V35
OBlurb V36
OBlurb V37
OBlurb V38
OBlurb V39
OBlurb V40
OBlurb V41

2 Divi Contact forms

OContact Form V1
OContact Form V2

Don’t have Divi Den Pro yet? Join the pro library. 

Webdesigners will love the product page layout for webdesign packages

If you ever wanted to sell webdesign packages with woocommerce, it’s just become a lot easier. We’ve done the hard work for you. Keep reading to see what today’s Divi Den Pro library update has in store for you.

All Layouts and modules [1255] are available for download in the Divi Den Pro Layout Library right now – Enjoy! 

Divi Shop – Single Product Page Layout for Woocommerce (1)

Webdesign Product Page Layout

Divi Shop Modules – Divi Woocommerce Modules – Divi Ecommerce Modules (2)

Pop Product – Divi Shop Module – Freddie Collection

Thunderbolt Product – Divi Shop Module – Freddie Collection

Premade Divi Modules (13)

The Line Blurb – Divi Blurb Module – Freddie Collection

Entertain You Blurb – Divi Blurb Module – Freddie Collection

Satisfied Blurb – Divi Blurb Module – Freddie Collection

Steps Nearer Blurb – Divi Blurb Module – Freddie Collection

Your Time Blurb – Divi Blurb Module – Freddie Collection

Get Better Blurb – Divi Blurb Module – Freddie Collection

On My Way Blurb – Divi Blurb Module – Freddie Collection

Main Thing Blurb – Divi Blurb Module – Freddie Collection

Only Way Blurb – Divi Blurb Module – Freddie Collection

No Blame Blurb – Divi Blurb Module – Freddie Collection

My Shoes Blurb – Divi Blurb Module – Freddie Collection

Calling Me Blurb – Divi Blurb Module – Freddie Collection

I have Blurb – Divi Blurb Module – Freddie Collection

Divi Homepage Layouts (1)

Wedding Homepage Layout for Divi

Don’t have Divi Den Pro yet?

Get access to these modules and a thousand more with the Divi Den Pro plugin. Start with a free trial today.

Need a Divi Theme Builder? Check this out.

Download Divi Library .JSON file [4KB]  |   View demo module

Table Of Contents

• Creating a section and adding the Divi Blurbs module
• Customising the Divi Blurbs module
• Adding the custom CSS
• Cloning the module

Creating the section and adding the Divi Blurbs module

Add a standard section, and choose 1/3 + 1/3 + 1/3 structure.

Standard Section

Columns

In any of the three columns, add a Blurbs module. For now, let’s add only one, and once we’re done with designing it, you can clone that module to the other two columns.

Add a specific ID and class for this section. Click the section settings icon:

Section Settings

Select Advanced tab, and inside the ID and the Class input fields, type this: free_impi_blurbs

ID and Class

We also want to edit couple of the row settings. Click the row setting icon:

Row Settings

Select Design tab.

• Set Use Custom Width to – YES and make it 11170px
• Set Use Custom Gutter width to – YES and make it 2

Click Save & Exit.

Customising the Divi Blurbs module

Content tab

Let’s first add some content to it.
To do so, click the Divi Blurb module settings:

Module settings

Add a title and content:

Title and Content

Also set the option Use Icon to – Yes and add an icon. This is the one I’m going to use in this example:

Divi Icons

Design tab

Let’s make our blurb look awesome. Using the Design tab, we want to edit the look of the module, so let’s follow these steps:

• For the icon colour, set #353535.
• Set the Use Icon font size to YES – make it 60px
• Text orientation – set to center
• Title font: PlayFair Display, Bold, 30px, white, centered
• Body font: Lato, Regular, 16px, white, centered
• Also, scroll down to Sizing section and add top padding: 94px, bottom padding 5px, and 43px of padding to each side of the module.

Advanced Tab

Inside the Before box, add this CSS:

content: "Say Hello";
display: block;
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
font-weight: 700;
font-size: 30px;
line-height: 120%;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
width: 100%;
text-align: center;
opacity: 0;
transition: 0.3s;

Inside the Main element box, paste this:
background-color: #353535;

Background Colour

Click Save & Exit.

Adding the custom CSS

To add a great Divi Hover effect to this blurb, we will have to use a bit of CSS.
Copy this CSS code:

/*Fee Impi Blurb*/
.free_impi_blurbs .et_pb_blurb {
cursor: pointer;
overflow: hidden;
position: relative;
}

.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content {
padding-top: 63px;
position: static;
}

.free_impi_blurbs .et_pb_blurb .et_pb_main_blurb_image {
position: absolute;
left: 0;
right: 0;
top: 72px;
}

.free_impi_blurbs .et_pb_blurb {
transition: all 0.3s;
}

.free_impi_blurbs .et_pb_blurb .et_pb_main_blurb_image,
.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
transition: 0.3s;
transition-delay: 0.3s;
}

.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container h4,
.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
transition: opacity 1s;
transition-delay: 0.4s;
opacity: 1;
}

.free_impi_blurbs .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container h4,
.free_impi_blurbs .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
transition: 0.3s;
transition-delay: 0s;
opacity: 0;
}

/*Hover*/
.free_impi_blurbs .et_pb_blurb:hover .et_pb_main_blurb_image {
-webkit-backface-visibility: hidden;
transform: translate(0%, -50%) scale(3);
top: 50%;
opacity: 0.1;
transition-delay: 0s;
}

.free_impi_blurbs .et_pb_blurb:hover:before {
opacity: 1;
transition-delay: 0.3s;
}

.free_impi_blurbs .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container {
transition-delay: 0s;
opacity: 0;
transform: translate(0, 120%);
}

/*Responsive*/

@media only screen and (max-width: 1390px) {
.free_impi_blurbs .et_pb_row {
width: 90% !important;
}

.free_impi_blurbs .et_pb_row .et_pb_blurb {
padding-right: 30px !important;
padding-left: 30px !important;
}

}

@media only screen and (max-width: 980px) {
.free_impi_blurbs .et_pb_blurb .et_pb_main_blurb_image {
top: 70px;
}

.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content {
padding-top: 35px;
}
}

@media only screen and (max-width: 767px) {
.free_impi_blurbs .et_pb_blurb .et_pb_blurb_content {
padding-top: 52px;
}
}

Then go to Page settings:

Page Settings

And paste the CSS code inside the Custom CSS box:

Custom CSS box

Click Save and Update the page.

Cloning the module

Now, let’s clone our blurb to the other two columns.

Cloning the module

Click the clone icon twice, and two new modules will pop up, drag and drop them to empty slots.

Edit the content as per your needs. Change the title, content box and the icon.
To change the title that appears on hover, go to module settings and select Advanced tab. See the Before box and find the title text there. Also, to change the blurb module background, change the colour that’s inside the Main Element box, that you can also find in Advanced tab.

That’s it, all done!