Add a CTA Button to a Divi Blurb

by | 15 Jan, 2020 | How To

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


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.


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.


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


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

Craig Edmonds

Post Written by Craig Edmonds

Craig is one of the owners of JUCRA Digital and reigns from a hospitality and finance background, however, fell into web design and development in 2000 after leaving the world of finance to go on a sabbatical in Marbella, Spain where he has been ever since. Craig really loves the challenge of the internet, digs WordPress and loves Cpanel.