In this Divi tutorial, I’m going to show you how to replicate some Google style clickable Divi blurbs as found on Google’s Gsuite pages. You are welcome to use the CSS snippets or download the free Divi Layout .json file.
Add the section, rows, and modules
- Add a standard section
- Add a row with three 1/3 columns
- Add a blurb module to each column
Adjust the design settings
- Change the section background color to #f2f2f2
- Change each blurb background color to #ffffff
- Add an image to each blurb
Add the custom CSS code
Go to Divi>Theme Options>Custom CSS and add the following code and hit save.
Go to Divi>Theme Options>Integrations and look for the first code section called “Add code to the < head > of your blog”. Paste the following code into their and save.
Enjoy your new design!
Please leave any comments below and be sure to subscribe. We have a lot of tutorials in progress to be posted, so by joining the list, we will email you when they come out.
Download the .json Divi Layout!