Vertical divider

Hello,

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

Thanks,
Daniele

Hi @dcaccount

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

5 Likes

Thank you so much!

1 Like

Hi @anon88726992

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

MDS

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

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 :nerd_face:

2 Likes

Thank you :smile: for making and sharing this video.

1 Like

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.

1 Like

@Samazar

Hello guys,

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

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 :upside_down_face:

2 Likes