Make the title of the blurb into a circle

Make the title of the blurb into a circle

I love playing around with Divi blurbs. They are great for adding in interesting design features. To put the title in a circle first create a blurb.  Then in the advanced css tab > Blurb Title > add this code *  *  * border-radius: 100px; width: 188px; height:...

Convert the call to action box into a speech bubble

Convert the call to action box into a speech bubble

I wanted to make the call to action really pop! So I found this really simple css to make the box into a speech bubble. First, insert a CTA module in a section. Then, go to module settings and select Advanced tab. Inside the BEFORE box, add this: border-radius:...

Style the default person module

Style the default person module

Hi guys, This is very simple little snippet to make the default Divi person module more interesting. First I created the image in a tall rectangle and imported it. Then in the advanced css tab > Member Description > add this code * * * background-color: #89bdd3;...

How to Style Divi Blurbs with a 3D Hover Effect

How to Style Divi Blurbs with a 3D Hover Effect

First we need to create a new section with 4 columns. Then we need to create 2 Blurbs. One for the front side and one for the back. It should look like this Then we need to add the class blurbs_3 to the section row. It should look like this Add the class front in the...

Divi Snippets

Divi Snippets

A snippet is a programming term for a small region of re-usable source code, machine code, or text. We will continue to add to our library.   Convert the call to action box into a speech bubble   Make the title of the blurb into a circle   Style the...