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
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
R38: How to Show a Default and Hamburger Menu at the Same Time
In this Divi recipe I will show you how to display a default styled menu along with a hamburger menu at the same time. If you need to create a site that utilises two menus, this solution using the built in Divi options, minimal code and no plugins is for you.
read more
F26: Masonry Filterable Portfolio Layout
This is a free layout for Divi which changes the standard filterable portfolio module into a masonry layout, allowing you to display your portfolio items of varying sizes in a clean and responsive masonry layout.
read moreRecipes
R28: How to Create an Animated App Showcase
For Recipe #28 I am going to show you how to create an animated App showcase using the Divi Blurb and Image modules, then a tablet and mobile alternative using the Slider module.
read more
R27: How to Change Columns and Image Sizes in the Filterable Portfolio
The filterable portfolio is 4 columns by default, in Recipe #27 I show you how to have as many columns as you want and change the image size to fit your content
read more
R26: How to use the tabs module for content navigation
Recipe #26 was inspired by another Divi community member. I had been meaning to write a new recipe on the tabs module for quite a while and the question in the Facebook group gave me some inspiration on what to create.
read more
R25: How to create a 2, 3 or 4 column square blog layout
Recipe #25 – How to create a 2, 3 or 4 column square blog layout in Divi answers a couple of questions I have been asked by the Divi community lately.
read more
Q5: Adding Subtitles to the Primary Menu
In this quick snack I am going to show you how to easily add subtitles to the primary menu in Divi
read more
Q4: Faking the Boxed Layout with Fullwidth Menu
Sometimes you want to use the boxed layout in Divi but you still want the menu to be fullwidth which isn’t currently possible, here’s how to fake it!
read more
Q3: Making The Specialty Section Fullwidth
Here is a another Quick snack for you, making the specialty section fullwidth. I love the specialty section and think it is really underused.
read more
Q2: Adding Custom Fonts with CSS
Recently quite a few people have been having issues adding custom fonts with css to their Divi website instead of using a plugin.
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
F14: Custom Header with Font Awesome Icons
This free Divi layout includes a custom header.php file to add to your child theme, along with a library layout and CSS to hide the default header and style and show your new header across all your sites’ pages and posts.
read more
F13: Archive & Search Results Page Styling
This free Divi resource includes custom archive.php and search.php files to add to your child theme, along with some extra snippets to get your archive and search results pages looking much better. This resource can be used in conjunction with the free Custom Single Post Layout to create a completely unified design across your archive pages.
read more
F12: Pixel Perfect Blurb Modules
This free Divi layout uses the native Divi blurb and button module to create an equal height layout with overlapping icon, hover effect and bottom aligned button no matter the length of the content.
read more
F11: Alternating Vertical Timeline Blog Module
This free Divi layout uses the native Divi Blog module and the date element to create a verticle, alternating timeline of your blog posts with excerpt reveal on hover.
read moreLike us on Facebook
