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
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
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
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
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...