Skip to content
Get Divi Torque

Native Divi 5 ModulePro

Divi Advanced Blurb

Pair an icon or image with a heading and text — the classic blurb, upgraded.

Why use the Divi Advanced Blurb module?

The blurb is the workhorse of a marketing page: an icon or a picture, a heading, a couple of lines, sometimes a button. Divi ships one, and it stops exactly where most pages need it to keep going. No video. No chip behind the icon. No hover treatment on the image. No control over the heading level, which quietly costs you a sensible document outline.

Advanced Blurb is the same shape with the gaps filled in. Three media types instead of two, media on any of three sides, an icon box, image hover animations, a real button group, and a heading tag you choose.

The blurb beside this is the live module.

One module, three media types

An icon, a picture or a video sits at the top, the left or the right, and the content lines up with it.

See the modules

What you get out of it

A blurb that takes videoMedia Element has a third option Divi’s own blurb does not: a video. Paste a YouTube or Vimeo link, or point it at an MP4 you host.The icon gets a boxTurn the icon into a chip with its own background, width, height and corner radius. A circle, a square or anything between.Images that reactZoom on hover, or ship the picture in grayscale and let the colour come back when someone hovers it.Media on any sideTop, left or right, and content alignment is a separate setting, so a left-aligned icon can sit beside centred text.The heading tag is yoursH1 through H6. A page full of blurbs does not have to be a page full of H4s fighting your outline.Native on Divi 5Built on the Divi 5 engine, with a full Divi button group on the button and Divi 4 layouts converting across.

Everything the Divi Advanced Blurb module does

Every option below ships in Divi Torque Pro. The list is drawn from the module settings.

Media element: image, icon or videoYouTube and Vimeo links, embedded properlyOr a self-hosted MP4Any icon from the Divi pickerIcon colour and size, 8 to 200pxIcon box with its own backgroundIcon box width, height and corner radiusImage width, 0 to 800pxImage hover animation: none, zoom or grayscaleAn icon revealed over the image on hoverMedia placement: top, left or rightContent alignment: left, centre or rightTitle with an H1 to H6 tagRich text bodyOptional button with text and URLOpen the button in a new tabA full Divi button design groupTitle bottom spacing and button top spacingContent paddingSeparate typography for title and body

See the Divi Advanced Blurb in action

Every card below is the live module, not a picture of one. The three media types are the first thing to choose between, and the third one is the reason this module exists.

Media · Icon

Any icon from the Divi picker, with an optional chip behind it.

Icon

The classic blurb. The icon takes a colour, a size and a box of its own.

Media · Image

A picture, with an optional hover animation.

Image

The image sits above the text here, and its width is a setting rather than a guess.

The media type Divi’s own blurb does not have

A YouTube or Vimeo link goes through the oEmbed provider and embeds properly. Any other URL renders as an HTML5 player, so a self-hosted MP4 works too. Give a video blurb the full width of its column.

Media · Video

The same module, with Media Element set to Video.

Video in a blurb

Heading, body and button behave exactly as they do with an icon or an image. Only the media element changes.

See the modules

Where the media sits

Top, left or right. Content alignment is a separate setting, so the two combine rather than fight.

Placement · Top

The default, and the one that suits a row of equal cards.

Top

Media above the heading, everything left aligned underneath it.

Placement · Left

The icon leads and the text runs beside it.

5

Left

This is the layout for a list of features down a column.

Placement · Right

The mirror image, for a two column section.

$

Right

Media on the right, and the content aligned to match it.

The icon box

A chip behind the icon, with its own background, size and corner radius. Four of the shapes it makes.

Circle

Radius at 999px.

Circle

A round chip is the usual choice.

Squircle

A soft 12px corner.

5

Squircle

Softer than a square, calmer than a circle.

Square

Radius at zero.

$

Square

Sharp corners, which suit a technical page.

No box

The chip switched off entirely.

No box

Just the glyph, at whatever size you set.

What the image does on hover

Zoom, grayscale, or an icon revealed over the picture. Hover any of these three.

Zoom

The picture scales to 1.08 inside its own frame.

Zoom

A small scale on hover, clipped by the frame so nothing moves around it.

Grayscale

Desaturated at rest, colour on hover.

Grayscale

It ships desaturated and the colour comes back when someone hovers it.

Overlay icon

An icon fades in over the picture.

Overlay

Set an overlay icon and it appears over the image on hover. It applies to images only.

With a button, and centred

The button carries a full Divi button group, so it matches the rest of the site rather than the plugin.

Centred, with a button

Alignment centre, media on top.

Centred

Content alignment moves the media, the heading, the body and the button together.

See pricing

Image and a button

A picture, a heading, two lines and an action.

Image and button

The most common shape a marketing page needs, in one module.

See the modules

Heading level

The same card with the title set to H5 rather than H3.

5
Your outline, your call

Title HTML Tag runs H1 to H6, set per blurb, so a page of them does not have to flatten your document outline.

Read the docs

Building one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Advanced Blurb to any row. It arrives with an icon, a title and a line of body text in place.2Choose the mediaIcon, image or video. An icon comes from the Divi picker, an image from your library, a video from a link or an MP4.3Place it and dress itMedia on the top, left or right, content alignment, the icon box if you want one, and a button if the card needs an action.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is Advanced Blurb free?No. It ships in Divi Torque Pro. The free plugin includes Icon Box, which covers the icon and text case without the video and image options.How is it different from Divi’s own blurb?Three things mainly: it takes a video as well as an icon or image, the icon can sit in a styled box, and the image has hover animations and an overlay icon. It also lets you set the heading tag, which Divi’s does not.What video sources work?Anything WordPress recognises as an oEmbed provider, which covers YouTube and Vimeo, is embedded properly. Any other URL is rendered as an HTML5 player, so a self-hosted MP4 works.Can the whole card be a link?No. Only the button is clickable. If you need the whole card to link somewhere, wrap it in a Divi link at the row or column level.Can I set alt text on the image?Not on this module. The image is rendered with an empty alt attribute, which is correct when the picture is decorative and a limitation when it is not. For an informative image use a module that exposes alt text.Does it need Divi 5?It is a native Divi 5 module, built on the Divi 5 engine rather than shimmed from Divi 4. Layouts built with the Divi 4 version convert across.

Related modules

Other modules in the same plugin, included with every license.

Icon Box

Pair icons with text to present services and features clearly.

Feature Box

Highlight key information with icon-and-text boxes.

Dual Buttons

Offer two clear calls to action side by side.

Get Advanced Blurb and 78 more.

One license, every module and extension, native on Divi 5.

Unlock all 79 modules