Divi Tutorials

In this tutorial, I show you How to Create a Google Review Link. We're going to do this in 2 methods by creating a link that opens up all reviews for customers to see and a direct Google Review link that a website user can click to quickly leave a Review. It's a very...

In this tutorial I show you How to Create a Direct Download Button in Divi. It's a great way to allow website users to click a button, link or any other element in Divi to immediately download a file. I often use this on client sites for customers downloading pdf's or...

In this tutorial, I show you How to Create a Divi Popup effect using the most popular Divi Popup Builder and Popup Maker Divi Overlays. As shown in the video, this is the popup plugin I use to create an effect where a button, menu item or ANY element in your Divi...

In this tutorial I show you How to Customize a Password Protected Page in Wordpress. By default and depending on what theme you're using, the front end of the password protected page usually looks terrible. Luckily, with just a few lines of CSS and some creativity,...

In this quick, fun tutorial I show you how to create a Diagonal Background Shape in the Top Header of Divi. It's a very simple, sleek way to add some life to your Divi header by giving your top header menu a different look. It's also a great way to leave some room for...

In a recent Divi update (I believe it was from 3.21 to 3.22) the button under Design > Sizing that allowed us to "Make This Row Fullwidth" has disappeared.Have no fear though, the solution now is just to adjust the width to 100% and the max with to 100% under...

In this quick, fun tutorial, I'm going to show you how to create a custom text underline effect. I use this effect all the time when wanting accent a phrase or certain words inside a line of text or paragraph. It can be extremely handy for link conversion, UE (user...

In this tutorial, I show you how to Keep Columns on Mobile in Divi. In short, we're going to make it so that the columns stay next to each other on tablet and phones vs stacking on top of each other like you'd normally see. Super handy effect for things like icons,...

Welcome to my first tutorial of 2019!In this tutorial, I show you how to create a cutout effect with a logo or text in Divi. Effect is based off of this site (as of 1/29/19). So crank up some Limp Bizkit if you feeling like throwing back to 1999 and let's get to...

If you're new to Divi, the difference between The Divi Theme and Divi Builder Plugin can be a little unclear. Here's a brief explanation that'll help you understand how they're different and how you can use them on different Wordpress sites! When you purchase a...

In this tutorial, I show you how to Replace Text with an Icon in the Divi Menu. More specifically, how to create a little home icon in the Divi menu that links back to the home page. This is an addition to the method used in my previous tutorial on How to Add Icons to...

In this tutorial, I walk you through how to create a little effect where your logos (or whatever you choose to apply this on) go from grayscale to full color on hover. I've used this trick on several sites and it's very handy when displaying logos for pages like...

In this quick tutorial, I show you how to create a logo swap effect on your Divi site, just like the effect I currently have on mine. It's a subtle, buy very cool way to add some spice to your Divi designs. My effect is a simple color inverse but you can add ANY image...

In a recent Divi update (I believe it was version 3.9 or 3.10) the area where you put your favicon is gone. Have no fear though, you can still put a favicon in by going to the Theme Customizer > Site Identity > Site Icon area. Just make sure the file is 512px x...

In this quick tutorial, I show you how to stop your words from breaking on mobile in Divi. It's a very common occurrence so if you experience it, you're not alone! Luckily with just one line of CSS and perhaps a few custom tweaks, you'll be all set in no time. Hope...

In this tutorial, I walk you through how to optimize your Divi website for mobile using the Visual Builder. I often use custom CSS and media queries to adjust the responsive setting on my Divi websites but the visual builder provides some very handy built in features...

In this Divi tutorial, I show you how to put a background image or repeating texture in your Divi header! It's a nice little trick to have in your back pocket when a client wants an image in the header and with this method, we're not using any extra plugins or bloated...

In this tutorial, I show you how to create a Fullwidth 2 Column Layout with an Image and Text in Divi. There are numerous ways to do this but I've found what I think to be the most straight forward and simple solution. This is also accompanied by a free layout! See...

Ever wanted to build a page with more than 4 columns in Divi? By default, Divi unfortunately only gives us the option to have up to 4 columns in the Divi builder but in this tutorial, I show you how to add 5 or 6 columns! There are several ways to go about this and...

In this tutorial, I show you how to set up Google Analytics in your Divi website WITHOUT the use of an external plugin. Wordpress Google Analytics plugins have their uses. Case in point, if your client wants to be able to see a snapshot of their site stats and page...

In this tutorial, I show you how to use Google Chrome's Inspect Element Tool to help edit and customize your CSS in Divi. Inspect element is a robust and complex tool so we don't cover everything but I'll show you what you need to know editing and customizing...

In this tutorial, I show you How to Create a Call To Action Button for the Divi Menu. Have you ever wanted to put a button in your Divi menu? By default, Divi's menu options are slim but with just a little CSS magic, you can really make menu items come to life. This...

In this tutorial, I show you Where to Put Your Custom CSS in Divi. More specifically, how to edit the CSS stylesheet directly in Divi. I've received numerous questions on how I access my Divi stylesheet as shown in my tutorials so I'm excited to walk you through how I...

Welcome to the FINAL post in my Tutorial Tuesday series! Every Tuesday for past 12 weeks, I've dished out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. This tutorial walks you through "How to Create a Sleek...

Welcome to part 11 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, I show you "How to Customize...

Want to level up your CSS game? Use coupon code "CSS10" for 10% OFF my Divi/CSS Course! This tutorial walks you through "How to Customize the Top Header in Divi." By default, Divi gives us the ability to put a phone number, email and...

Welcome to part 9 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, I show you "How to Customize...

Welcome to part 8 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, I show you "How to Create...

Welcome to part 7 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, I show you "How To Vertically Center Content in...

Welcome to part 6 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, I show you "How to Create Anchor Links in Divi!"...

Welcome to part 5 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this Divi tutorial, I teach you "How to Customize the Back To Top...

Welcome to part 4 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. This tutorial will show you How to Customize the Divi Menu Dropdown...

Welcome to part 3 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. In this tutorial, which is perhaps the most requested tutorial I've...

Welcome to part 2 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. This tutorial walks you through "How to Create Overlapping Footer...

Welcome to part 1 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with Wordpress and Divi. This first tutorial walks you through "How to Create an Image...

WordPress Tutorials

My collection of WordPress related tutorials to help you out in your WordPress web design journey.

In this tutorial, I show you How to Create a Google Review Link. We're going to do this in 2 methods by creating a link that opens up all reviews for customers to see and a direct Google Review link that a website user can click to quickly leave a Review. It's a very...

In this tutorial I show you How to Customize a Password Protected Page in Wordpress. By default and depending on what theme you're using, the front end of the password protected page usually looks terrible. Luckily, with just a few lines of CSS and some creativity,...

In this tutorial, I give you an overview of Google Analytics and show you how to read and understand your site traffic. Google Analytics is very robust so we just go over what I usually look at when looking at analytics. Generally, I (and my clients) are only...

In this tutorial, I show you how to set up Google Analytics in your Divi website WITHOUT the use of an external plugin. Wordpress Google Analytics plugins have their uses. Case in point, if your client wants to be able to see a snapshot of their site stats and page...

In this tutorial, I show you how to use Google Chrome's Inspect Element Tool to help edit and customize your CSS in Divi. Inspect element is a robust and complex tool so we don't cover everything but I'll show you what you need to know editing and customizing...

In this tutorial, I walk you through How to MANUALLY Migrate your Wordpress Site from one host to another. There are several great duplicating, cloning and migration tools for transferring Wordpress sites but it's good to know how to do it manually just incase a...

Web Design Tutorials

My collection of miscellaneous web design tutorials with tips, tricks and other useful resources to help you in your web design journey.

In this tutorial, I show you How to Create a Google Review Link. We're going to do this in 2 methods by creating a link that opens up all reviews for customers to see and a direct Google Review link that a website user can click to quickly leave a Review. It's a very...

In response to a recent tutorial request, here is a quick tutorial on Optimizing Images for Web with Adobe Bridge. While there are numerous tools out there to help you make your images web ready, Bridge is my preferred app because of the power you have to easily...

Follow me on Facebook!

Like and Follow Me on Facebook to connect with me, see exclusive Facebook-only webinars, Q&A’s and to get exclusive deals and offers I only provide to my FB followers!

Join my Divi Facebook Group!

Join my Divi Web Designers Facebook group to get free support and to be automatically plugged into an awesome, supportive community of fellow Divi/WordPress web designers!

Join the Cool Club (aka my email list)

Leave this field empty if you’re human:

I offer exclusive discounts and deals to my email list and promise not to abuse the privilege to email you directly. No spam. Just special deals, important announcements and a notification when a new tutorial or video goes live!