10 Free And Handy Divi Plugins
There's plenty of good folk out there who create great stuff and then give it away. In this post I highlight 10 free plugins, some third-party, others from Elegant Themes themselves, all of them designed specifically for Divi. The Bounty Article Card - Grid Blog...
Codelights Plugin And Divi – Interactive Text (Part 4)
In this tutorial I'm going to demonstrate the Interactive Text (aka animated text) component of the plugin SiteOrigin Widgets by CodeLights. This component has five animations that you can apply to your text to bring it to life, perfect for emphasising a...
Switch Main Product Image When Clicking On A Variation Thumbnail Using Divi Code Modules
You know those sites that let you see a product in different colors as you click on a thumbnail of that product in a different color or material? Well, in this tutorial I'm going to show you how to do exactly that with a little HTML, CSS, and JavaScript....
CodeLights Plugin And Divi – The Modal Popup (Part 3)
If you've been following this series on the CodeLights plugin called SiteOrigin Widgets by CodeLights, you've probably already explored more than just its flipboxes and the hover effects I covered in parts 1 and 2. This time around I'm going to show you the Modal...
Pin a Call To Action Flag to the Side of a Page
In this tutorial, I'm going to show you how to add a fixed flag to the side of your Divi site. I did this for a recent project where I had to add a "Find Your Dealer" flag to the side of most of the pages. The flag also needed to stay in place as the visitor scrolled...
Adding Columns to Contact Form 7 and Styling It in Divi
With so many contact form plugins now offering visual builders, Contact Form 7, once the king of contact forms, might start looking a little old and dusty, but before you write it off, let me show you how to put your fields into columns and style them to look more...
Increase the size of your Divi Mobile Logo And Mobile Menu Text
In this tutorial, I'm going to show you how to use a different logo image for your Divi site and also how to change the mobile logo size and increase the letter spacing and font size of the mobile menu text. Switching out the logo and increasing it's size on smaller...
CodeLights Plugin and Divi – Interactive Banner (aka, image hover effects) (Part 2)
A couple of posts ago I started the first in a series of reviews of the free CodeLights plugin called SiteOrigin Widgets. My first post in this series was on the Flipbox component of this plugin. Now I will explore the image hover effects or as they call it, the...
Using the Divi Tabs Module to create a Filterable Image Gallery
In a recent project I was asked to create a filterable image gallery. As Divi doesn't do this out of the box, I had to look for options, one of them being Essential Grid but as I didn't want to fork out for a plugin that would have been overkill, I decided to see if I...
Typing Text Effect Using Divi Code Modules
In the never ending quest to delight our clients and their customers, we are always on the lookout for something different, something special, so when I saw the Terminal Text Effect pen on codepen.com, I thought I must adapt it for Divi. So, if you've been looking to...
Create An Image That Scrolls Up When You Hover Over It
Okay, I have to admit, I love this image scroll effect! It's looks so cool and I've spotted it quite a few times in the wild recently. The best thing is, it's actually quite easy to achieve in the Divi theme. Before we go any further, let's begin with an example....
Overlay Your Images With A Pattern Or translucent Color
Ever had a client who's given you poor quality images and you've got to do your best to make them work? I know, I know, of course you have. Well, here's a little trick that can give those pics a little zing or at least make them appear better than they really are:...
