Follow us

grid | Divi Soup


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.

F27: CSS Grid Blog Layout

This clean and modern blog page layout uses CSS Grid and flex for variable column widths and to keep posts the same height across screensizes, no matter how much your content length varies. It also makes use of the wonderful feature that is CSS Variables (custom properties), making it super easy to edit for your needs.

read more

R41: How to Create a Scrolling Module Carousel in Divi

Recipe #23 – How to Create a Scrolling Image Carousel in Divi is by far our most popular tutorial, and it has gone through a few interations, both to make it more user friendly if you want to customise it, and also to keep up with Divi updates. Rather than... read more

R34: How to use CSS Grid with Divi’s Feed Modules

Today I am going to show you how to use CSS Grid with Divi’s feed modules so you can display your blog, gallery and portfolio items in any number of columns with very minimal CSS.

read more

R33: How to use CSS Grid in Divi

Ever wanted to easily create a layout and define exactly where each module is placed based on the device dimensions? CSS Grid is the new kid on the block that lets you do exactly that!

read more


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