Archived topic
Separated the blocks and the columns by lines
9 replies · Started by Matthieu on October 31, 2020
Hello, is it possible to do as in this example, separated the blocks and the columns by lines ?
Thanks
Hi there,
Are you using GenerateBlocks?
If so the container blocks allow to add borders:
https://docs.generateblocks.com/article/container-overview/#spacing
Hello, yes I am using Generateblocks well, the problem is that I cannot get this effect centered in the middle of the page as in the example sent above.
Thanks
Hi there,
can you provide a link to your site so we can tell you how to correct the issue.
Hello here is the page in question, how to separate the two blocks of text in the center by the border ?
Thanks
Hi,
Any chance you could put the page back up again? It's giving this error: https://share.getcloudapp.com/z8uYoAkY
Thank you.
Sorry, the page is accessible again
Thanks
This is definitely doable w/ just a single Grid block.
Do these steps:
1.) Insert 1 grid block.
2.) Place 5 columns in it.
3.) Add 15% padding to all of the columns.
4.) For the first 2 blocks, set 50% width.
5.) For the last 3 blocks, set 33% width.
6.) For the horizontal borders: set Top and Border size for each of the column containers.
7.) For the vertical/separator borders on First Row: Set left border for the 2nd column of the first row.
8.) For the vertical/separator border on the Second Row: Set the left and right border for the 2nd column of the second row.
9.) To make the grid full width: Make a Layout Element, set the content container to "Full width(no padding).
You'd arrive at something like this.
https://share.getcloudapp.com/6quPoR40
It's perfect ! Thanks !
Nice one. No problem. :)