Follow us

Michelle | Divi Soup
F31: Gradient Snakeline Timeline Infographic

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,...
R44: An Overview of Divi 3.18 and WordPress 5.0

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...
F29: Hybrid Scroll Layout

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...
F28: Fixed Slide-In Contact Form

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...
F27: CSS Grid Blog Layout

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.

Q20: Rearrange Navigation Items with Flex

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.

R42: How to Add Shape Dividers to Any Row, Column or Module

R42: How to Add Shape Dividers to Any Row, Column or Module

This one has been a long time coming but I finally put the time aside, and as it’s a visual effect, this recipe is in video format! So if you wanted to add the awesome SVG shape dividers from the Divi section settings anywhere else other than a section, here is how to do it.

R41: How to Create a Scrolling Module Carousel in Divi

R41: How to Create a Scrolling Module Carousel in Divi

Recipe #23 – How to Create a Scrolling Image Carousel in Divi is by far our most popular tutorial, and it has gone through a few interations, both to make it more user friendly if you want to customise it, and also to keep up with Divi updates. Rather than...

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

You have successfully joined the waitlist!

Pin It on Pinterest