Vertical divider

dcaccount · March 5, 2018, 5:40am

Hello,

How could I implement a vertical divider to separate two blocs (one next to the other) of a website?

Thanks,
Daniele

Jakerlund · March 5, 2018, 7:06pm

Here’s a quick way to do it.
Drop a div and giv it a class.
Put your content in the div.
Edit the class and set the border, color and some padding and you’re set.
In this quick video I also disable the line for mobile view since it won’t be needed there.

Cheers

dcaccount · March 5, 2018, 7:14pm

Thank you so much!

MDS · February 11, 2019, 1:37pm

Hi @anon88726992

That structure is still availalbe in Blocs 3.1: Structure 2 columns

MDS

Philgraph · August 7, 2019, 10:00pm

Good day sir! Can you repost your video, please that will be appreciated

KBConcepts · August 7, 2019, 11:30pm

Jakerlund · August 8, 2019, 1:18pm

Hi guys,

Sorry for deleting all old Blocs 2 videos on Monosnap.
Most wasn’t relevant anymore and i wanted to free up some space.

I did a new quickie for the vertical divider between columns and put it on YT instead.

Cheers

KBConcepts · August 8, 2019, 7:25pm

Thank you for making and sharing this video.

Samazar · April 9, 2021, 3:53pm

Hi Jakerlund, I am using Blocs 4.1.1 and trying to figure out how to insert vertical dividers . Can you kindly restore the video.

Jakerlund · April 15, 2021, 1:42pm

@Samazar

Hello guys,

I’m sorry i haven’t used Blocs for ages and all old videos are deleted.

Here’s one way (using 4.1.1):

Set up a two column layout
Select one of the columns and give that a class
Set Border edge to dots or a line and width 0px for all but in my case the right edge to 1px
For the two smallest breakpoints set that edge to 0px as well so it doesn’t show when the columns get stacked.

Cheers