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
F19: All Our Favourite PHP Snippets Swipe File
This free Divi PHP snippets swipe file contains a ton of custom functions for Divi, Woo and WordPress in general. Simply copy the function you want and paste it into your child theme functions.php file.
read more
F18: One Half and Two Quarter Alternating Blog Layout
This free Divi layout uses the native Divi blog module and custom CSS to display posts in a unique alternating layout of two different sizes, with gradient overlay and excerpt reveal on hover.
read more
F17: One Page Coaching & Consulting Layout
This free Divi layout is great for a one page site for coaches and consultants but could be modified for almost any industry. Featuring 9 custom sections, it is clean and professional and will allow you to get your site up and running in record time.
read moreRecipes
R12: Alternating Left and Right Aligned Fullwidth Slider
Recipe #12 is a variation on Recipe #8 where I showed you how to align the fullwidth slider text to the left or right. I have been asked a few times now how to align the text to the left on one slide, then to the right on the next slide, so this recipe shows you how.
read more
R11: Four More Linkable Image Hover Effects
Recipe #11 is Four More Linkable Image Hover Effects. As Recipe #7 has been one of my most popular posts, I thought I would whip up some more for you!
read more
R10: Five Subtle Menu Hover Effects
Recipe #10 is a set of five subtle menu hover effects to make your Divi menus look a little less Divi-ish! In this recipe I will show you how to apply the effects to both the primary menu and fullwidth menu module.
read more
R9: Accordion Image Slider Menu
Recipe #9 is a cool accordion image slider menu you can use to link to galleries, portfolios, projects or even blog categories.
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
Diagonal Parallax Page Layout
Diagonal Parallax Page Layout Scroll down for instructions ↓ DIAGONAL PARALLAX 1. Download the layout from the files section of the Divi Soupies Facebook Group 2. Import into a new page (not the library) DIAGONAL PARALLAX 3. Copy the CSS between the tags (not the tags...
read more
Image Caption Hover
Image Caption Hover Layout for Divi – Divi Soupies Groupies Exclusive
read more
Vertical Tabs Layout
Vertical Tabs Demo You can download this layout from the files section of the Divi Soupies Facebook Group if you are a member. On downloading the file, import it into a new page (not the library) copy the CSS from the code module to your stylesheet and then delete the...
read more
Blurb & Pricing Module Ribbons
Blurb & Pricing Module Ribbons Download the ZIP file, unzip and import the .json file into a new page (not the library), then add the CSS to your child theme stylesheet, Divi theme options custom CSS box or the page specific CSS box. [sdm_download id="26346" fancy="0"...
read moreLike us on Facebook
