[Resolved] Separated the blocks and the columns by lines

Home Forums Support [Resolved] Separated the blocks and the columns by lines

Home Forums Support Separated the blocks and the columns by lines

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1512868
    Matthieu

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

    #1512967
    Leo
    Staff
    Customer Support

    Hi there,

    Are you using GenerateBlocks?

    If so the container blocks allow to add borders:
    https://docs.generateblocks.com/article/container-overview/#spacing

    #1513272
    Matthieu

    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

    #1513496
    David
    Staff
    Customer Support

    Hi there,

    can you provide a link to your site so we can tell you how to correct the issue.

    #1513503
    Matthieu

    Hello here is the page in question, how to separate the two blocks of text in the center by the border ?
    Thanks

    #1513823
    Elvin
    Staff
    Customer Support

    Hi,

    Any chance you could put the page back up again? It’s giving this error: https://share.getcloudapp.com/z8uYoAkY

    Thank you.

    #1513833
    Matthieu

    Sorry, the page is accessible again
    Thanks

    #1513922
    Elvin
    Staff
    Customer Support

    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

    #1514335
    Matthieu

    It’s perfect ! Thanks !

    #1515239
    Elvin
    Staff
    Customer Support

    Nice one. No problem. 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.