Site logo

Archived topic

Separated the blocks and the columns by lines

9 replies · Started by Matthieu on October 31, 2020

Viewing posts 1–10 of 10

Hello, is it possible to do as in this example, separated the blocks and the columns by lines ?
Thanks

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

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. :)

This archived topic is closed to new replies.