Follow us

slider | Divi Soup

slider

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.

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

F23: Space Saving Slider That Works Like Tabs

This free Divi layout uses the native Divi slider module with customised dot navigation to look like tabs. The content is much easier for your clients to update than tabs as the layout utilises all the standard fields you find in the slider module.

read more

F21: Combined Slider & Blurbs with Navigation

This free Divi layout uses the native Divi fullwidth slider and blurb modules in a very unique way. Completely restyling and repositioning the slider dot navigation so it sits over the blurb module and changes opacity when the relevant slide is active.

read more

F15: Two Tone Post Slider Module

This free Divi layout uses the native Divi post slider module, customised to display the post info across half of the image, with vertical navigation and a two tone colour effect on both the navigation and the section background.

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

F15: Two Tone Post Slider Module

Two Tone Post Slider Module Free Divi Layout. This free Divi layout uses the native Divi post slider module, customised to display the post info across half of the image, with vertical navigation and a two tone colour effect on both the navigation and the section... read more

R12: Alternating Left and Right Aligned Fullwidth Slider

Recipe #12 is a variation on Recipe #8 where I showed you how to align the fullwidth slider text to the left or right. I have been asked a few times now how to align the text to the left on one slide, then to the right on the next slide, so this recipe shows you how.

read more

R9: Accordion Image Slider Menu

Recipe #9 is a cool accordion image slider menu you can use to link to galleries, portfolios, projects or even blog categories.

read more

R8: Aligning The Fullwidth Slider Text Left or Right

Recipe #8 Aligning the fullwidth slider text left or right is something a lot of people seem to be struggling with. So here’s a recipe to show you how.

read more

R2: Boxed Testimonial Slider

For our next recipe I’m going to show you how to create a Boxed Testimonial Slider like the one below which looks great on all screen sizes.

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