The ultimate library of Divi Tutorials, Layouts, Tips & Tricks for the Web Designer, CSS Enthusiast, and the Digital Entrepreneur in all of us.

Hide Divi’s Top Header on Scroll

Hide Divi’s Top Header on Scroll

When Divi’s Fixed Header option is enabled, the top header and the main header remain fixed at the top of the screen as you scroll down the page. But sometimes that takes up too much screen real estate. This nifty little snippet will allow the Main Header to scroll up over the Top Header hiding it until you scroll back up to the top of the page.

Divi Module Hover Animations

Divi Module Hover Animations

In this Divi tutorial we are going to show you how to create a cool hover animation on your Divi Modules with a little custom CSS.

Add Thumbnails To Your Sidebar Recent Post List

Add Thumbnails To Your Sidebar Recent Post List

Ready to add a little pizazz to your sidebar? In this tutorial we are going to show you how to add thumbnail images to your Recent Posts Links on your Divi Sidebar using the Recent Posts Widget with Thumbnails plugin.

Add Excerpts To Your Filterable Portfolio

Add Excerpts To Your Filterable Portfolio

In this tutorial we are going to show you how to add Excerpts to your filterable portfolio module and make the changes in your child theme so that you won’t lose the changes when you update/reinstall Divi.

Divi Blurb Image Hover Animations

Divi Blurb Image Hover Animations

Do you want to make your Divi Blurb Module Images stand out a bit? Why not add a cool hover effect like zoom and rotate on hover. Its easier than you think.

Adding Extra Fields and Icons to The Top Header

Adding Extra Fields and Icons to The Top Header

Have you ever wanted to add more info to the top header instead of just a phone # and email address? How about a physical street address or new social icons? Well it is easier than you think using the secondary menu and Font Awesome.

Ghost Home Page and Changing Menu Color in Divi

Ghost Home Page and Changing Menu Color in Divi

Here is a tutorial on how to make a ghost style home landing page in Divi. I also included instructions on how to make the header menu background start off transparent and then darken as the page scrolls down.

A Simple Slider Alternative for Divi

A Simple Slider Alternative for Divi

Using Meta Slider is a simple alternative to the Divi slider. In this post we look at how we can implement a responsive slider in Divi using this great plug-in. And it’s free too!

Expand Logo and Main Menu Fullscreen Width in Divi

Expand Logo and Main Menu Fullscreen Width in Divi

On a few of my Divi projects, I wanted the logo to align all the way to the left of the screen and the main menu to sit all the way to the right of the screen. Although there are several ways to manipulate this using CSS, there is an easier alternative. Make a simple adjustment in the header.php file. See how.

Customizing the Pricing Table in Divi

Customizing the Pricing Table in Divi

The Pricing Table Module that comes with Divi is simply awesome. It does the work we would normally download a plug-in for. But WordPress developers know that less plug-ins make for a better performing and secure website. And there are so many ways to customize the pricing table using some custom CSS, that you really don’t need to consider the plug-in anymore.

Customizing the Subscribe Module in Divi

Customizing the Subscribe Module in Divi

The Subscribe Module that comes with Divi is great as it is. But the current trend is to have the subscribe option as a call to action above the fold on the landing page and sometimes a horizontal subscribe section just fits best with your site. So here are a few tweaks I came up with so that you wont have to install another plug-in for this simple trick.

Customizing the Testimonial Module in Divi

Customizing the Testimonial Module in Divi

We offer a number of different services and so I wanted to come up with a unique way to differentiate the various testimonials so that visitors can see the ones specifically related to a particular service. So this article shows you how we were able to do this using the Testimonial Module in the Divi WordPress theme from Elegant Themes with a little custom CSS.

Adding a Fullwidth Menu in Divi

Adding a Fullwidth Menu in Divi

Divi comes packed with many ways to customize & place your menus. In fact you can place custom menus practically anywhere you want. Here is a brief tutorial on how.

Get Inspired and Present a Winning Design Without All the Hassle

Get Inspired and Present a Winning Design Without All the Hassle

There are a number of ways for a designer to propose a website design & layout ideas to a client. Some use wire-frames, some use Photoshop, some sketch it out on a pad of paper and some simply like to hash it out over coffee. How you do it is a matter of preference but it does not have to be complicated. Here is my method…

Customizing Your Copyright Line & Taglines in Divi

Customizing Your Copyright Line & Taglines in Divi

Have you ever wanted to add a new row to the copyright line for your own personal tagline. Don’t you wish you could program the copyright date to automatically update each year so that you don’t have to manually update it each year? Well then this article might be of interest to you.

Adding A New Footer Section to Divi

Adding A New Footer Section to Divi

One of my recent projects required me to add a brand new footer section to the Divi WordPress theme. It also required me to be able to use a custom sidebar that would populate the new footer area with widgets. This is how I did it…

Create a Different Logo & Header Menu on the Homepage in Divi

Create a Different Logo & Header Menu on the Homepage in Divi

Divi 2.0 is one of the most flexible themes I have ever worked with. There are just so many things you can do with it. It puts the power of customization into your hands. On this tutorial we walk you through the steps on how to use a different logo and header menu on the homepage that is different from the rest of the site using Divi 2.0

Adding Social Icons in Divi 2.0

Adding Social Icons in Divi 2.0

The Divi WordPress Theme from Elegant Themes is probably the most advanced, yet most easy to use WordPress Themes available today. One cool feature is that it makes it easy to use social media links on the footer of your page. Unfortunately you have to do a little tweaking in order to add others. This article explains how.

Episode 6: Building A Divi Consultancy

Featuring Nathan Weller from Elegant Themes and Geno Quiroz from Monterey Premier.

 

divi-nation-800X235

DISCLOSURE: I may be an affiliate for some of the products that I recommend. If you purchase those items through my links I will earn a commission which helps cover the cost of the free resources we provide. If you ever have any questions about my affiliations, please do not hesitate to ask..

Pin It on Pinterest

STAY RELEVANT | BE INFORMED | SIGN UP NOW

IT DOES NOT TAKE LONG TO GET LEFT BEHIND!

You have Successfully Subscribed!