How to eliminate space between elements

Hi Babak,

The column block has a default bottom margin:
https://www.screencast.com/t/Dri8xouygP

Can you try using Grid block of GenerateBlocks instead of the WP column block?

Thanks a lot for the pointer.
Since this is an element would you please let me know how and where to change it?
Is this fix going to address the space between other elements too?

I already have generate blocks but cannot see them as an editor option. Generate blocks plugin is installed and activated but does not appear as a choice to edit pages.

Hi Babak,

GenerateBlocks are add-on Blocks that may be used in the WordPress Block Editor.

Here is a screen recording you may refer to with regards to transferring Blocks from a WP column block to a GB Grid Block: https://share.getcloudapp.com/2NuzJdGK

To be specific,

1. I opened List View.
2. Created a Grid Block.
3. Dragged the Blocks I have in the WP column Block inside the specific Containers in the Grid Block.
4. Deleted the WP column block.

If you do this for all WP column blocks, this should remove the margin you currently have.

Hope this clarifies! :)

Thanks. In my element I have one container and inside that columns and paragraphs. Do you mean that I have to add a grid, then transfer all other things into that grid?
Sorry just double-checking to see if I understood correctly because when I drop down the menu you showed me I only see the column and the rest I inserted inside it.

It seems that you’ve already manually set the margin-bottom to 0. Are you referring to this space?: https://share.getcloudapp.com/GGulPnkd

This space is coming from a Paragraph Block. Kindly check your Block Element if you’ve accidentally placed a Paragraph Block. This usually happens when you accidentally press “enter” when editing which automatically adds a Paragraph Block.

See: https://share.getcloudapp.com/mXuY89d6

Kindly let us know how it goes. :)

Thank you very much for the great support, it resolved the spacing between elements. Still, one question remains and it is how to eliminate the space between the last element and the footer?

You’re welcome Babak! With regards to the spacing above the footer, it is indeed coming from the WordPress Column Block.

As mentioned, using a Grid Block instead would resolve the issue. You’ll simply need to transfer the Headline, Paragraph and Image blocks inside the Containers of a Grid Block.

Alternatively, you may try this CSS to remove the margin of this specific WP Column Block:

.gb-container-653c5d3e .wp-block-columns {
    margin-bottom: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Either should work but using a Grid Block is what we would recommend.

Hope this helps! :)

Perfect and thanks for the fantastic support. Only one issue left...
If you look at the page there's still space between the map/address and "about us". These are all in Grids the way you instructed and it fixed everything but the gap mentioned.
Do you have any suggestions there, please?

You’re welcome Babak! As for the spacing mention, this section is indeed in a Grid Block, however, inside this, the inner Blocks are still inside a WP Columns Block.

See: https://share.getcloudapp.com/X6uEkkGP

To reiterate, kindly replace the WordPress Columns Block inside the GridBlock of this section with a Grid Block as well and this should resolve the issue. :)

Hope this clarifies! :)

Hi;
Any suggestions of solution for space between the map/address and “about us”?

Since you are already using GB, try using the Grid block instead of the columns block.

Thank you very much but I am already using Gridblock. Any other suggestions?

That section is NOT using the GB Grid Block those are the core Column block. If you rebuild that using GB Grid block you will have control over the padding