Follow us

Divi Tutorials: Divi Recipes, Tips & Tricks for all levels of Divi users | Divi Soup

The Divi Kitchen

Welcome to the Divi Kitchen! This is where I cook up all my Divi recipes to help you develop quicker, smarter and better. Most of the time what I create is based on requests or questions from the Divi Community, but sometimes you may find some completely impractical effects just for the fun of it. Enjoy x

25 awesome free Divi resources just for you!

Subscribe to receive regular emails packed with tips, tricks, tutorials, freebies, product info and promotional offers, and get instant access to 25 completely free awesome Divi resources!

We take your privacy seriously, and you can opt-out at any time.
See our privacy policy here.

Latest Tutorials

F31: Gradient Snakeline Timeline Infographic

Gradient Snakeline Timeline Infographic Free Divi Layout I've often seen this type of layout and also Divi users asking for it so I thought I would have a play around. As it turns out, it was pretty simple using Divi's gradient background settings on rows, with some...

read more

R44: An Overview of Divi 3.18 and WordPress 5.0

I woke up far too early this morning as I was so excited about taking the new Divi 3.18 backend editing experience for a test drive. I have to say, I am really impressed! I use the backend builder the majority of the time, but I also use the Visual Builder and...

read more

Recipes

R44: An Overview of Divi 3.18 and WordPress 5.0

I woke up far too early this morning as I was so excited about taking the new Divi 3.18 backend editing experience for a test drive. I have to say, I am really impressed! I use the backend builder the majority of the time, but I also use the Visual Builder and...

read more
Quick Snacks

Q20: Rearrange Navigation Items with Flex

Sometimes you want your navigation items in a different order. Maybe you want your social links to align right, or you want the secondary menu on the left. Perhaps you want to split your main menu into two sections. All this can be done quite easily with flex, and in this quick snack I show you how.

read more
Entrées

Freebies

F31: Gradient Snakeline Timeline Infographic

Gradient Snakeline Timeline Infographic Free Divi Layout I've often seen this type of layout and also Divi users asking for it so I thought I would have a play around. As it turns out, it was pretty simple using Divi's gradient background settings on rows, with some...

read more

F29: Hybrid Scroll Layout

Hybrid Scroll Free Divi Layout I had a request for this layout from our Facebook Community. Using the awesome ScrollMagic and GSAP jQuery libraries, the layout allows you to define a group of sections to scroll horizontally, whilst the rest of the content scrolls...

read more

F28: Fixed Slide-In Contact Form

Fixed Slide-In Contact Form Free Divi Layout I had some requests for this layout from our Academy Club Members, but thought I would make it free to everyone 🙂 You can choose left or right alignment and the form will stick to the bottom on mobile. This layout uses the...

read more

F27: CSS Grid Blog Layout

This clean and modern blog page layout uses CSS Grid and flex for variable column widths and to keep posts the same height across screensizes, no matter how much your content length varies. It also makes use of the wonderful feature that is CSS Variables (custom properties), making it super easy to edit for your needs.

read more

Archives

Like us on Facebook

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest