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
Q21: Change the Read More Text and Other Elements in Divi
I have seen a fair few questions lately about how to change the text of the read more and pagination links in blog posts. There are some solutions around, but the main issue I have seen with these is that they don't work now the blog module uses ajax to load the next...
read moreRecipes
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
R43: How to Highlight Active Links on Scroll and Click for One Page Divi Websites
If you are creating a one page website in Divi, chances are you are going to be using anchor links in your primary menu to enable the user to navigate between different areas of the page. The problem with this is that currently, Divi doesn't provide any functionality...
read more
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.
read more
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 update that...
read more
Q21: Change the Read More Text and Other Elements in Divi
I have seen a fair few questions lately about how to change the text of the read more and pagination links in blog posts. There are some solutions around, but the main issue I have seen with these is that they don't work now the blog module uses ajax to load the next...
read more
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
Q19: Replace the Divi Search Button with an Icon
Replacing the Divi search button with an icon gives a much sleeker look. In this tutorial I am going to show you how to do just that for both the Divi Search module and the default WordPress search widget.
read more
Q18: Floating Publish Button in Divi without a Plugin
If you are creating long pages or posts it can get really tedious to have to keep scrolling back to the top each time you want to preview or publish. This little snippet puts an end to that tedium.
read more
E5: 3 Ways to use Anchor Links in Divi
There are a number of ways you can use anchor links in Divi to help your visitors quickly navigate between relevant content, today I will show you 3 of those ways.
read more
E4: Remove Horizontal Scrollbars in Divi
If you are adding custom styling to Divi, sometimes you may notice that you get a horizontal scrollbar across the bottom of your browser window, let’s fix that!
read more
E3: Style a Single Divi Menu item
On occasion you may have the need to make a single menu item look slightly different to the rest to draw attention to it, this Divi Soup Entrée will show you how.
read more
E2: Open Divi Menu Links in a New Tab
Entrée #2 will show you how to open your Divi menu links in a new tab. This is actually a Wordpress feature so will work on any theme.
read moreFreebies
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 moreLike us on Facebook
