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
R37: How to Show the Gallery Image Title and Caption on Hover
In this Divi tutorial I will show you how to display the title and caption from the media library when hovering over an image using the gallery module. We will also be changing the dimensions of the gallery image thumbnails (optional).
read more
R36: How to Control the Divi Header and Slider Height and Content Position
In today’s recipe I will show you how to add a little CSS so that you can control the height of your header and slider modules, regardless of the amount of content, and position that content at the top, middle or bottom.
read more
Q18: Floating Publish Button in Divi without a Plugin
If you are creating long pages or posts it can get really tedious to have to keep scrolling back to the top each time you want to preview or publish. This little snippet puts an end to that tedium.
read moreRecipes
R24: How to add a transparent image overlay to a background video in Divi
In Recipe #24 I show you two methods to add a transparent image overlay to a background video in Divi using the fullwidth header module and minimal CSS
read more
R23: How to Create a Scrolling Image Carousel in Divi
Recipe #23 How to Create a Scrolling Image Carousel in Divi using only the image module and CSS. Now there’s no need for another plugin!
read more
R22: How to Add Links to the Divi Gallery Module and Show Captions on Hover
Recipe #22 How to Add Links to the Divi Gallery Module and Show Captions on Hover. Add on-hover captions to the gallery module and make the images open a URL instead of a modal window.
read more
R21: How to add the Ken Burns Effect to the Divi Fullwidth Header
In recipe #21 I show you how to add the popular Ken Burns zoom and pan effect to the Divi fullwidth header module. No plugin, no JS and no PHP, just CSS 🙂
read more
Q1: Styling the Back to Top Button
Here is the first of the Divi Soup Quick Snacks – Styling the back to top button and including an image.
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
F10: Responsive Restaurant Menu Layout
This free Divi layout was created to elegantly display restaurant menus. Developed using the native Divi text modules, it’s easy to edit and add more content.
read more
F9: Vertical Timeline Blog Module
This free Divi layout uses the native Divi blog module with horizontal individual posts using the published date element to show a vertical timeline with colour change on hover.
read more
F8: Custom Post Slider Module
This free Divi layout uses the native Divi post slider module, modified to show the excerpt on the right and the dot navigation on the left and rotated.
read more
F7: Custom Single Post Layout
This free Divi resource consists of a single.php file to add to your child theme along with some additional code snippets. Together these add an author box, post navigation and related posts section to your single posts as well as styling for the sidebar.
read moreLike us on Facebook
