/*wp_block_styles_on_demand_placeholder:69ab161424df9*/ /*# sourceURL=wp-block-library-inline-css */

FREE Custom Divi Blurbs layout pack with a Pulse Effect

Download our Pulsating Blurbs layout pack for Divi.

It is FREEBIE FRIDAY and for this edition, we have handcrafted some super stylish Custom Divi Blurb modules with an animated pulse effect that you are going to love. Best of all, they are easy to customize to fit your brand or site and can be used with any Divi install.

Preview:

Divi Pulsating Blurb Module with CSS

We are coming at ya with 3 styles:

Style 1

Here we have a blurb with a simple pulse effect around the Divi Blurb Module icon. You can change the icon settings to anything you want and the pulse effect will adjust to the settings in the Divi Blurb.

Style 2

This blurb is a little different with a double pulse effect that has two different colors, one for each pulse around the image for the blurb. You can swap the image for anyone you want and the pulse will adjust to the settings in the Divi Blurb.

Style 3

Just to switch things up quite literally, we have an inverted pulse around the icon for the blurb. You can change the icon settings to anything you want and the pulse will adjust to the settings in the Divi blurb.

Using the Custom Divi Blurbs:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that the layout is a 3 Column Row with a Blurb and its Code Module that contain the CSS in each column.

Step 2) Copy the Blurb style you want to use

This is super easy. Open the layout in the Divi Library. This will launch the Divi Builder and you will see our 3 Columns with a Blurb Style in each. If you want to use Blurb Style 1, copy the Blurb and the CSS Code Module and go paste it on the page where you want to use it.

NOTE: Alternatively, you could also just import the layout as a Row right on the page where you want the Blurb and just delete the Blurbs you don’t want.

Step 3) Customize the Colors

When you have the Blurb and the Code Module on the page you want, you can easily customize the colors by opening the Code Module and editing the colors on the lines with the comment mentioning the color.

If you loved this FREE Custom Divi Blurbs Layout Pack, you’ll love our other freebies. Click the link below to see other helpful tools to help you grow both your skills and business.

0 Comments

Submit a Comment

Explore more from Divi Engine

Divi Form Builder

Divi Form Builder

From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.

Divi Form Builder
Find out more
Divi Machine

Divi Machine

Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.      

Divi Machine
Find out more
Divi BodyCommerce

Divi BodyCommerce

A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.    

Divi BodyCommerce
Find out more
Divi Handoff

Divi Handoff

Let clients update content without touching the Divi Builder. Design layouts once, connect them to Flexible Content fields, and give editors simple forms for text, images, and sections.

Divi Handoff
Find out more
Divi Loop Extender

Divi Loop Extender

Unlock the Full Power of Divi 5 Loop Builder Add advanced sorting, filtering, and relationship logic right inside the Visual Builder.

Divi Loop Extender
Find out more
Divi Membership

Divi Membership

Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.

Divi Membership
Find out more
Divi Machine Accounts

Divi Machine Accounts

Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active

Divi Machine Accounts
Find out more
Divi Ajax Filter

Divi Ajax Filter

Filter WooCommerce, Posts & Custom Posts without reloading the page.    

Divi Ajax Filter
Find out more
Divi Mobile

Divi Mobile

Divi Mobile helps you create beautiful looking mobile menus without having to code.

Divi Mobile
Find out more
Divi Nitro

Divi Nitro

Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.

Divi Nitro
Find out more
Divi Protect

Divi Protect

Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!

Divi Protect
Find out more
Divi Mega Menu

Divi Mega Menu

Create stunning, responsive, and content-rich mega menus using the Divi Builder you already know. No coding required.  

Divi Mega Menu
Find out more