[Resolved] Reducing Space between the blocks horizontally

Home Forums Support [Resolved] Reducing Space between the blocks horizontally

Home Forums Support Reducing Space between the blocks horizontally

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1605840
    purnima banik

    Hi, GP Team,
    I wanted to reduce the gap in between the rows of colored blocks created with Generate blocks. The solution s is wanted for both the Desktop and Mobile view.

    Thanks in advance

    #1605882
    Elvin
    Staff
    Customer Support

    Hi,

    That particular gap is caused by the default margin-bottom added on <p> tags.

    But we can override that for the specific block by adding this CSS:

    .gb-container.gb-container-47d1cded p {
        margin-bottom: 0;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1606293
    purnima banik

    As suggested I tried it, but the code rather merges the block horizontally. Actually, I want to keep each block separate from the other, keeping the gap in control.

    #1606672
    David
    Staff
    Customer Support

    Hi there,

    see this article it explains how to adjust the gaps in the Grid Blocks:

    https://docs.generateblocks.com/article/grid-overview/#horizontal-gap

    You can set this separately for Desktop, Table and Mobile

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