Skip Navigation

[Resolved] Too much space between blocks

This thread is resolved. Here is a description of the problem and solution.

Problem:
Too much space between blocks

Solution:
You should try to adjust the additional space by overriding the existing CSS by adding custom CSS.

You can find proposed solution in this case with the following reply:
=> https://toolset.com/forums/topic/too-much-space-between-blocks/#post-2067231

Relevant Documentation:

This support ticket is created 3 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by arvidB 3 years, 7 months ago.

Assisted by: Minesh.

Author
Posts
#2066813
Screenshot 2021-05-24 9.24.04 PM.png
Screenshot 2021-05-24 9.23.46 PM.png

Tell us what you are trying to do?
I created a homepage showing a grid of posts. When I view the block editor, and the live site there is a lot of space between the title, and the featured image.

I've attached two screenshots which show the issue. But you can see it as well on the linked website. I tried to change the margins/paddings etc, but while it looks good in the blocks editor, on the live site there is still too much space.

Screenshot 23.46 shows the blocks editor with the right amount of spacing
screenshot 24.04 shows the live site.

#2067231

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

The bottom margin under the image block is coming from the following CSS:

.wp-block-image {
    margin-bottom: 1em;
}

What if you try to override thee bottom margin by adding custom CSS:

.wp-block-image {
    margin-bottom: 5px !important;
}

Does that help?

#2072809

My issue is resolved now. Thank you!