Follow us

Recipes | Divi Soup - Part 2

Recipes

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

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

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

R20: How to Create a Fullwidth Alternating Blog Layout

Recipe #20 How to Create a Fullwidth Alternating Blog Layout in Divi. This recipe uses the odd & even CSS pseudo classes to create a unique Divi blog layout.

read more

R19: How to Create a Sticky Button in Divi

Recipe #19 How to Create a Sticky Button in Divi. The first of hopefully many tutorials requested by the Divi community. This one comes from Wendy Lovatt

read more

R18: How to Change the Excerpt Length of Divi Blog Posts

Recipe #18 follows on from the blog layout theme of recent recipes, but I have decided this week to show you how to change the excerpt length of Divi blog posts.

read more

R17: How to Create a Large Thumbnail Style Blog Layout

Recipe #17 is the third of the blog layout series, how to create a large thumbnail style blog layout. This one is nice and clean and really simple to implement.

read more

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

Archives

Like us on Facebook

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest