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
Latest Tutorials
F25: One Page Agency Layout
This free Divi layout is great for agencies but could be modified for a number of industries. It features 11 fully styled sections with full page scroll effect you can disable if you choose. Use this free Divi layout to get your new site online in record time.
read more
F24: Elegant Blog Page Layout
This free Divi layout includes beautiful and elegant custom styling for your website’s blog page and sidebar. Using the native Divi modules, custom CSS and JavaScript to style and reposition elements, this layout will give your blog a truly unique look.
read more
F23: Space Saving Slider That Works Like Tabs
This free Divi layout uses the native Divi slider module with customised dot navigation to look like tabs. The content is much easier for your clients to update than tabs as the layout utilises all the standard fields you find in the slider module.
read moreRecipes
R20: How to Create a Fullwidth Alternating Blog Layout
Recipe #20 How to Create a Fullwidth Alternating Blog Layout in Divi. This recipe uses the odd & even CSS pseudo classes to create a unique Divi blog layout.
read more
R19: How to Create a Sticky Button in Divi
Recipe #19 How to Create a Sticky Button in Divi. The first of hopefully many tutorials requested by the Divi community. This one comes from Wendy Lovatt
read more
R18: How to Change the Excerpt Length of Divi Blog Posts
Recipe #18 follows on from the blog layout theme of recent recipes, but I have decided this week to show you how to change the excerpt length of Divi blog posts.
read more
R17: How to Create a Large Thumbnail Style Blog Layout
Recipe #17 is the third of the blog layout series, how to create a large thumbnail style blog layout. This one is nice and clean and really simple to implement.
read moreNo Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
Freebies
F6: Three Easy to Edit Image Hover Effects
This free Divi layout uses the native Divi image and text modules with absolute positioning to show or hide text or swap the image for another on hover.
read more
F5: Filterable Blog Module
This free Divi layout uses the native Divi tabs module along with library layouts containing blog modules displaying different categories to show a filterable module similar to what you see in the Extra theme.
read more
F4: Slim Divi Optin with Field Icons
This free Divi layout uses the native Divi optin module to create a slim optin form with icons next to the name and email fields.
read more
F3: Gallery Title & Caption Split Reveal on Hover
This free Divi layout uses the native Divi gallery module and the title and excerpt of the image from the media library to show a split effect when hovering over the gallery images.
read moreLike us on Facebook
