F2: Fullscreen Split Hero Section with Animated Content
This free Divi layout uses the native Divi fullwidth header module but with some cool modifications to animate each of the text and button elements so they slide in individually on page load.
read moreF1: Excerpt Reveal on Hover Fullwidth Blog Grid
This free Divi layout is great as an alternative to the standard Divi blog grid. It showcases your blog images in a fullwidth grid layout with no gutters, whilst still allowing the user to view the excerpt on hover.
read moreDiagonal 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 moreR21: 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 moreR20: 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 moreQ3: 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