Want updates & exclusive offers?

Hey there!

Freebie Demo

Responsive Divi Post Carousel

How to replace the Divi search button with an icon

3 ways to use anchor links in Divi

Anchor links are used to navigate to specific content on a page rather than simply between pages themselves, and mastering anchor links in Divi is actually very simple. In this tutorial, I’m going to show you three ways to use anchor links.

How to replace the Divi search button with an icon

How to add titles to the Divi gallery slider

The Divi Gallery module allows you to display image titles and captions when using the grid layout, but not when using the slider. There is a very simple way to grab your titles and display them over your images while still allowing the lightbox feature to function. In this tutorial I’m going to show you how.

Long Form Sales Page

Long Form Sales Page

Each section in this long form sales page is clearly defined using colours and the built in section divider options. The template also uses the same script font I use on my own site design, which will import along with the layout. All the design is in the sections, rows and modules, with only a tiny bit of custom CSS!

Long Form Sales Page

Divi Split Screen Slider

This layout uses the native Divi slider module on the right, a few text modules and a button module on the left, and some custom CSS. You can have as many or as few images in the slider as you like, the controllers will adjust to fit the width automagically.

Long Form Sales Page

Divi Fullscreen Sticky Menu

Today’s gift can be imported into a Theme Builder layout to act as a fullscreen sticky menu that slides down from the top. The design is easily editable, you can change it up however you want. All the styling is in the modules, it’s the functionality that’s the important part with this layout ?

Long Form Sales Page

Simple Divi Gallery Slider

Slick.js is my preferred method for any type of slider. It’s so versatile you can slide just about anything, but today I used it to create a nice simple multi-image gallery slider. You can adjust the number of slides shown, whether it auto plays, and how fast is moves from within the jQuery. The arrows and dots are styled with some simple CSS.

Long Form Sales Page

Reverse Hover Effect Gallery

Divi has great built in hover functionality, but one thing you can’t do is affect the items NOT being hovered. Using the gallery item parent container and the :not pseudo element, I’ve faded out the non-active images and displayed the image title so the focus is on the image being hovered.

Long Form Sales Page

Pricing Table With Toggle

I saw a question in a Divi Facebook group about this type of pricing table design and thought it would make a nice advent gift. I took it one step further and created a toggle using jQuery, so you can show different tables at the flick of a switch.

You have Successfully Subscribed!