How to Turn Horizontal Dividers into Vertical Ones with Divi - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress Elegant Themes Video: How to Turn Horizontal Dividers into Vertical Ones with Divi.
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:
https://www.elegantthemes.com/blog/divi-resources/get-a-free-moving-company-layout-pack-for-divi

If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.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:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions

Go to the blog post:
https://www.elegantthemes.com/blog/divi-resources/how-to-turn-horizontal-dividers-into-vertical-ones-with-divi

Published: Tuesday, August 20, 2019 10:21 AM
Category: Wordpress Elegant Themes

87 Views

Related Videos

How to Convert Divi Rows into Horizontal and Vertical Hover Tabs

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

Multistreaming with https://restream.io/ Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website. This week, we're going to show you how to convert entire Divi rows into hover tabs. We'll also cover how to create both horizontal and vertical tabs as well. This will unlock the power of Divi to design complete row layouts with multiple modules for each tab
CSS Center text Horizontal and Vertical

by Best Webhosting Added 4 years ago 93 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Popular
How to create Horizontal and Vertical Timeline with Elementor Page Builder Tutorial

by Best Webhosting Added 4 years ago 107 Views / 0 Likes

The best way to showcase the most significant events in the life of your company or product is a timeline! With JetElements plugin it's fast and easy to create a horizontal or vertical timeline using Elementor Page Builder. Check it out! Get the Best Elementor Themes, Templates and Add-ons: https://www.templatemonster.com/elementor-marketplace/ Get JetElements Plugin Now: https://www.templatemonster.com/wordpress-plugins/jetelements-addon-for-elemento
Align Text Center Vertical and Horizontal - Quick CSS tips and tricks for Beginners

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Divi Feature Update! Introducing Dynamic Shape Dividers For Divi Sections

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

Learn More Here: https://www.elegantthemes.com/blog/theme-releases/shape-dividers Today we are excited to introduce Section Dividers to Divi, a brand new option that gives you the ability to add custom shapes and effects to your pages, creating dynamic transitions between blocks of content and adding that extra bit of personal flare to your website. Section Dividers shapes can be placed above and below each section on your page, allowing you to easily
Divi Feature Update LIVE | Introducing Shape Dividers For Divi Sections

by Best Webhosting Added 4 years ago 94 Views / 0 Likes

The demonstration starts at 2:48 Today we are excited to introduce Shape Dividers to Divi, a brand new option that gives you the ability to add custom shapes and effects to your pages, creating dynamic transitions between blocks of content and adding that extra bit of personal flair to your website. Shape Dividers can be placed above and below each section on your website, allowing you to easily build stunning transition effects between different part
How to Add Motion to Your Section Dividers with Divi

by Best Webhosting Added 4 years ago 81 Views / 0 Likes

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 add motion to your section dividers using Divi’s Transportation Services Layout Pack. We’re already familiar with Divi’s built-in animations, they’re part
How To Create Vertical Skills Bar Graph - Vertical Bar Chart with Html and CSS - Tutorial

by Best Webhosting Added 4 years ago 82 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Download & Use 6 FREE Module Dividers for Divi

by Best Webhosting Added 4 years ago 72 Views / 0 Likes

By now, we’ve all gotten used to the section dividers that are included in Divi. In past tutorials, we’ve also shown you how you can make these section dividers apply to modules and rows. But if you want to use module dividers that are only connected to modules and not other design elements, this post is for you. We’re going to share 6 FREE module dividers that you can use for any kind of Divi website you build. These module dividers will be included
Use Invisible Dividers To Create Whitespace In Divi!

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

Divi’s Divider Module is unique among the modules available within the Divi Builder. It works to serve multiple purposes. Not only does it provide a styled line to add an interesting division between modules, but it’s also used to add whitespace. Many Divi layouts use invisible Divider Modules to create space within the layout. In this post, we’ll see how to use invisible Dividers to create space between Divi modules. Blog post: https://www.elegantthe
NEW DIVI THEME FEATURE - Shape Dividers! A Must See!

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

Get 10% Off The Divi Theme Here: https://www.darrelwilson.com/divi In this video ill go over some of the features that elegant themes has just released for the divi theme. They have created shape dividers which allow you to now make creative and neat sections with CSS for the divi builder. You can see a demo of this feature below https://www.elegantthemes.com/preview/Divi/shape-dividers/ For more tutorials or to learn how to make a wordpress website,
How to Create Background Textures with Divi’s Section Dividers

by Best Webhosting Added 4 years ago 85 Views / 0 Likes

Section dividers take your website design to the next level. They allow you to make your website extra appealing and they give that sophisticated factor to it as well. Taking advantage of Divi's built-in options in a creative way can help you save a lot of time using image editing software. One of those creative approaches is using section dividers to create background textures for your website. The best way to learn how to do this is practicing. We'l