Divi Tutorials

In this Divi tutorial, I'll show you how to customize the Divi slider module by keeping the text static so that the slides rotate behind fixed text on the Divi slider. By default, the text, content and call to action for every Divi slider will fade in on every slide...

So you've just wrote some custom CSS in your Child Theme Stylesheet or Custom CSS area in Divi but when you save, it doesn't reflect on the website...😣 Don't worry, this is very common and unless the code is written incorrectly, it's typically a very quick fix! Here's...

This quick Divi tutorial will show you how to apply CSS to only one page in Divi! There are numerous reasons you might want to do this and there are quite a few different ways to go about changing elements on only one page in Divi with CSS, but the quickest and...

In this tutorial, I'll show you How to Change the Divi Logo on Scroll so when you have fixed navigation enabled, a different logo appears in the menu when you scroll down in Divi. You can change the Divi logo on scroll in these simple steps: In the Divi Theme Options...

In this tutorial, I'll show you how to How to Indent Bullet Lists in Divi and the beauty with this trick is, it'll also work for Indenting Numbered Lists in Divi as well! We're going to go from this: To this: And the best part is, once you have this code in your...

In this tutorial, I'll show you how to How to Create a Fullwidth Section in Divi where the content in the row extends 100% across the screen. By default, all Divi "sections" are actually fullwidth so technically the "row" is what needs to be made fullwidth. So perhaps...

In this tutorial, I'll show you how to How to Vertically Center Text in Divi and more importantly, how to make it automatically center when you click the "Equalize Column Heights" option in Divi. To create a Vertically Center Text in Divi follow these simple 5 steps:...

In this tutorial, I'm going to explain how you can access and connect directly to your Divi Child Theme Stylesheet through FTP. This is part 5 of my beginner tutorial series where I'm answering the top 5 questions for YOU who are just getting started with Wordpress....

In this tutorial, I'm going to show you Where to Put Your Custom CSS in Divi. This is part 4 of my beginner tutorial series where I'm answering the top 5 questions for YOU who are just getting started with Wordpress. This is important because when you're starting out,...

In this beginners tutorial, I'm going to explain what a Divi Child Theme is. This is part 3 of my beginner tutorial series where I'm answering the top 5 questions for YOU who are just getting started with Wordpress. This basic 101 explanation will walk you through...

In this tutorial I'll show you How to Create a Mobile Menu Collapse Effect in Divi. It's a great way to customize the Divi mobile menu on your site and is VERY important for UX (user experience) when you have a lot of menu items. There are a lot of tutorials out there...

In this tutorial, I'll show you How to Remove the Divi Menu Drop Shadow. Out of the box, the Divi menu has a little line below the menu and expands to a full drop shadow when you scroll down (if you have fixed navigation set.) It's usually unseen against a dark...

In this tutorial, I'll show you How to Add Icons to Divi Blog Posts by Category. It's a super cool way to add some life to blog posts that would otherwise look very boring. Especially when you have posts without a featured image. By the end of this tutorial, you'll...

In this tutorial, I'll show you How to Create a Transparent Divi Primary & Secondary Menu. To take it a step further, I'll show you how to do this for ONLY the homepage. I get this look requested often by clients. I'll also show you how to make sure the...

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