Follow us

layout | Divi Soup

layout

25 awesome free Divi resources just for you!

Subscribe to receive regular emails packed with tips, tricks, tutorials, freebies, product info and promotional offers, and get instant access to 25 completely free awesome Divi resources!

We take your privacy seriously, and you can opt-out at any time.
See our privacy policy here.

F29: Hybrid Scroll Layout

Hybrid Scroll Free Divi Layout I had a request for this layout from our Facebook Community. Using the awesome ScrollMagic and GSAP jQuery libraries, the layout allows you to define a group of sections to scroll horizontally, whilst the rest of the content scrolls... read more

F25: One Page Agency Layout

This free Divi layout is great for agencies but could be modified for a number of industries. It features 11 fully styled sections with full page scroll effect you can disable if you choose. Use this free Divi layout to get your new site online in record time.

read more

F24: Elegant Blog Page Layout

This free Divi layout includes beautiful and elegant custom styling for your website’s blog page and sidebar. Using the native Divi modules, custom CSS and JavaScript to style and reposition elements, this layout will give your blog a truly unique look.

read more

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

Slim Optin Form Layout

Slim Optin Form Layout for the native Divi Optin Module Download this layout from the Divi Soupies Facebook Group Import into a new page (not the library), copy the CSS between the style tags in the fullwidth code module to your child theme stylesheet and then delete... read more

Diagonal 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 more

Image Caption Hover

Image Caption Hover Layout for Divi – Divi Soupies Groupies Exclusive

read more

Vertical Tabs Layout

Vertical Tabs Demo You can download this layout from the files section of the Divi Soupies Facebook Group if you are a member. On downloading the file, import it into a new page (not the library) copy the CSS from the code module to your stylesheet and then delete the... read more

Blurb & Pricing Module Ribbons

Blurb & Pricing Module Ribbons Download the ZIP file, unzip and import the .json file into a new page (not the library), then add the CSS to your child theme stylesheet, Divi theme options custom CSS box or the page specific CSS box. Download the layout! Sale!... read more

Bottom Aligned Buttons Layout

Bottom Aligned Buttons Demo Unzip and import the layout into a page (not the library). All CSS is in the modules’ Custom CSS tab. Download the layout! Column 1 Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Button 1 Column 2 Vestibulum ac... read more

Diamond Image Section Layout

Diamond Images Section Layout Download the layout! Image Title Image Title Image Title Image Title Image Title Image Title Image Title Image Title Image Title Image... 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