HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Turn Horizontal Dividers into Vertical Ones with Divi

15,261 views 17:05

Watch on YouTube
ChannelElegant Themes

Description from the creator

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level.

This week, as part of our ongoing Divi design initiative, we’re going to show you how to turn the standard horizontal Divider Module that we all know into a vertical one using Divi’s Moving Company Layout Pack as an example. This approach will come in particularly handy if you’re trying to create timelines on your pages. It’s great to use for ‘how it works’ sections too, and so much more. After setting up the vertical divider, we’ll add Blurb Modules on top of it to create the timeline effect. This tutorial doesn’t require any CSS code and is based on Divi’s built-in options only.

Get the free Moving Company Layout Pack:
elegantthemes.com/blog/divi-resources/get-a-fre…

If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
elegantthemes.com/blog/community/elegant-themes…

Go to the blog post:
elegantthemes.com/blog/divi-resources/how-to-tu…

About this tutorial

Elegant Themes published this 17:05 video tutorial. It has been watched 15,261 times on YouTube.

Duration
17:05
Views
15,261
Likes
112

Share

This tutorial in other languages