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
F22: Eight New Shapes for Your Blurb Icons
This free Divi layout provides 8 new shapes for your native Divi blurb module icons. All shapes are created using CSS alone so no need to upload background images, simply use the built in icons and the CSS from the layout to display the shape you want.
read more
F21: Combined Slider & Blurbs with Navigation
This free Divi layout uses the native Divi fullwidth slider and blurb modules in a very unique way. Completely restyling and repositioning the slider dot navigation so it sits over the blurb module and changes opacity when the relevant slide is active.
read more
F20: All Our Favourite CSS Snippets Swipe File
This free Divi CSS snippets swipe file contains a ton of custom CSS snippets for Divi, Woo and WordPress in general as well as fixes for some annoying little Divi quirks. Simply copy the snippet you want and paste it into your child theme stylesheet.
read moreRecipes
R16: How to Create a Letterbox Style Blog Layout
In Recipe #16 I am going to show you how to create a clean and stylish two column blog layout with Divi. The Letterbox style blog layout, enjoy!
read more
R15: How to Create a Pinterest Style Blog Layout
Receipt #15 is one for the Pinners, how to create a Pinterest Style blog layout using the Divi blog grid layout, some CSS and a little PHP.
read more
R14: How to Create Slim Horizontal Submenus
In Recipe #14 I’m going to show you how to create a sleek horizontal submenu with Divi rather than the usual vertical submenus that come as default.
read more
R13: How to use CSS3 filters to create captivating images
Perhaps you do not know, but with CSS3 you can apply changes to images without using Photoshop or any other graphic tool. In this article, in fact, you’ll discover how easy it is to apply filters to your images using only CSS.
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
F2: Fullscreen Split Hero Section with Animated Content
This free Divi layout uses the native Divi fullwidth header module but with some cool modifications to animate each of the text and button elements so they slide in individually on page load.
read more
F1: Excerpt Reveal on Hover Fullwidth Blog Grid
This free Divi layout is great as an alternative to the standard Divi blog grid. It showcases your blog images in a fullwidth grid layout with no gutters, whilst still allowing the user to view the excerpt on hover.
read more
F15: Two Tone Post Slider Module
Two Tone Post Slider Module Free Divi Layout. This free Divi layout uses the native Divi post slider module, customised to display the post info across half of the image, with vertical navigation and a two tone colour effect on both the navigation and the section...
read more
Slim Optin Form Layout
Slim Optin Form Layout for the native Divi Optin Module Download this layout from the Divi Soupies Facebook Group Import into a new page (not the library), copy the CSS between the style tags in the fullwidth code module to your child theme stylesheet and...
read moreLike us on Facebook
