How to Create "Sneaky" Vertical Dividers in Elementor with No CSS or Border Styles

Create a vertical divider using the divider widget in Elementor! This approach requires no extra code or plugins, and helps solves the optical spacing problem which often happens in a multi-column layout like a footer where one column appears narrower because the text doesn't flow as wide as the other columns.

[@KillahManjaro]

This is awesome. The people at Elementor need to modify this widget so that you can choose between
Horizontal and vertical. SUB!

[@Mr_Kenneth]

EXACTLY what I was looking for. Thanks KG. I'm discovering more use for container everyday, and this is an amazing addition to my design arsenal. 😍

[@KingGrizzly]

Great! We've got a couple upcoming videos planned which might be really useful for working with containers and Elementor fonts. Please consider subscribing if you haven't.

[@danielduke9349]

Had me going in the first half. I was wondering why even use a divider if you were just going to hide it. The mobile solution is so clean, though. All contained inside the one widget. Love it.

[@KingGrizzly]

Surprised me too! It really seems to help with optical spacing issues. Good method to keep in the tool kit!

[@naomib9989]

Thank you!

[@wasiqkhan886]

Thank you so much It's help me a lot

[@niloybarmon7975]

thanks for the tricks. it's really great.

[@MylefkadaEu]

thank you for this video!

[@verse-ify]

You're a legend!! Thank you for sharing this. SUBBED!

[@KingGrizzly]

Boo-ya. We'll try to drop something good in the near future as a thank you.

[@christianhimmer]

Cool trick ... awesome. Thanks

[@KingGrizzly]

Thanks for the message! I was delighted this actually worked.

[@СалимИсмаилов-ж4ф]

men Thk, nice tutor

[@kanglalaw]

Thankyou bro!

[@franktielemans6624]

ok nice trick, but you could do the same thing with a spacer widget right?

[@KingGrizzly]

Great point, I think you are correct! The word "divider" may be more intuitive for editors, not sure - but the approach probably holds for both widgets. Thanks!

[@marchinz5222]

awesome, Thanks!

[@rocketsunny2423]

you can also just use a div/container instead of a divider

[@KingGrizzly]

Good point, there is often more than one way to solve a challenge. I do wonder how much markup is written with the container versus the divider widget. The widget might be semantically a bit more appropriate and lighter.

[@annafeledi7909]

Its not work for me .. UPDATE: I had to set the gap to 160 on the style tab, that's how I achieved the separation length I wanted

[@DDesigner123]

odd i cannot get Elementor to put a divider in between 2 containers it will only add to a container. hmmmmmmmm

[@KingGrizzly]

Have you tried using Navigator ( elementor.com/help/navigator/ )? Sometimes it is easier to drag elements in the Navigator layers.