Tutorials

Divi & WordPress related tutorials to help YOU! My fellow Divi Web Designers.

How to Create a Grayscale to Color Logo Hover Effect in Divi

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

How to Create a Logo Swap Effect in Divi

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

Where to put your Favicon in Divi

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

Optimizing Images for Web with Adobe Bridge

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

How To Stop Words from Breaking on Mobile in Divi

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

How to Optimize Divi for Mobile with the Visual Builder

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

How To Put a Background Image in the Divi Header

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

How to Create a Fullwidth 2 Column Image & Text Section in Divi

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

How to Add 5 or 6 Columns in Divi

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

How to Set Up Google Analytics in Divi (without a plugin)

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

How to Use Inspect Element to Edit CSS in Divi

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

How to Create a Call To Action Button for the Divi Menu

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

How to MANUALLY Migrate Your WordPress Site

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

Where to Put Your Custom CSS in Divi

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

How to Create a Sleek Mailchimp SignUp in Divi

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

How to Customize the Dropdown Menu in Divi

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 the Dropdown Menu in...

How to Customize the Top Header in Divi

Welcome to part 10 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 Customize the Top Header in...

How to Customize the Divi Gallery Like a Boss

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 the Divi Gallery Like...

How to Create an Overlapping Logo in Divi

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 an Overlapping Logo in...

How to Vertically Align Content in Divi

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

How to Create Anchor Links in Divi

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

How To Customize the Back To Top Button 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...

How to Customize the Divi Menu Dropdown Icon

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