Add a CTA Button to a Divi Blurb

The Divi blurb module is one of our most favourite modules in the Divi system but is lacking one simple feature: a CTA button.

Here we will show you how to manually create a Divi blurb with a little custom HTML and CSS in 3 easy steps.

Here is an example of a CTA button on a Divi blurb

STEP 1

Add a blurb to your page and proceed to open the Advanced tab within the settings and add a CSS name to the CSS class section.

STEP 2

Open the content tab and add some button HTML to the Body part of the blurb like below. Whilst you are there you can assign the link to the destination page by editing the href part. If you are SEO or accessibility inclined, try adding a title tag to the link too. Once done, save the blurb.

STEP 3

Now you need to add some custom CSS to the Divi > Theme Options > Custom CSS section.

SUMMARY

You can play about with the CSS to change the colours and positioning. Have fun with it!

Scroll Up
×