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
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
R40: How to Make a Call to Action Bar for Mobile Devices
This recipe was inspired by a question in the Divi Soupies Facebook group. A group member wanted to know how they could make a call to action button in the menu work better on phones and tablets. As you know, our beautiful menu buttons look great on desktops, but are...
read more
R39: How to Set a Custom Tab Order in the Divi Filterable Portfolio Module
The Divi portfolio tabs/filters are shown in ascending order by default, but what if you want them in a completely custom order, neither ascending or descending? Fear not, we can do this with some creative thinking and a little jQuery.
read moreRecipes
R32: How to add Social Sharing to the Divi Blog Module
R31: How to create a Random Header Image using the Divi Gallery Module
Didn’t think displaying a random header image was a functionality built into Divi? It is, well kind of 😉 In Recipe #31 I show you how to display a random header image each time the page is loaded.
read more
R30: How to create a Hidden Slide In Section using the Divi Toggle Module
In Recipe #30 I am going to show you how to create a hidden content area that slides in from the top of the screen on click, using only the native Divi Toggle Module and a relatively small amount of CSS.
read more
R29: How to add the Author Avatar to your Divi Blog
In Recipe #29 I am going to show you how to add the author avatar image to your Divi blog module and single posts layout using a combination of CSS and PHP.
read more
Q9: Center Align the Icons in the Social Media Follow Module
The Social Media Follow module is a handy one for when you want to add more social media network links to a website than allowed in the Divi Theme options, but those little guys can be a bugger to centrally align and there is no option for it in the module itself.
read more
Q8: Vertically center any content in Divi
In this Divi Soup Quick Snack I’m going to show you how to vertically center any content without using padding, margin or media queries.
read more
Q7: Make The Logo Bigger on Mobiles & Tablets
In this Divi Soup Quick Snack I’m going to show you a quick fix to make the logo bigger on mobiles and tablets, something people seem to struggle with.
read more
Q6: Centering the Centered Inline Logo
In this quick snack I’m going to show you a quick fix for getting the centered inline logo truly centered in Divi no matter how many menu items you have.
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.
Freebies
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 more
F16: A Better Divi Main Menu
This free Divi resource restyles the default main menu to a customised non-Divi look. It includes both customiser and theme options .json files to import, with all the CSS and and JS automatically added to your theme options dashboard.
read more
F15: Two Tone Post Slider Module
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 background.
read moreLike us on Facebook
