[Resolved] Reducing Space between the blocks horizontally

[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

[Elvin]

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;
}

[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.

[David]

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

[Author]

Posts