Archived topic

Reducing Space between the blocks horizontally

3 replies · Started by purnima banik on January 4, 2021

Viewing posts 1–4 of 4

January 4, 2021 at 8:32 pm #1605840

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

January 4, 2021 at 9:32 pm #1605882

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

January 5, 2021 at 4:55 am #1606293

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.

January 5, 2021 at 7:15 am #1606672

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

This archived topic is closed to new replies.

Start building better websites today.