Hi, I am having issues with gaps between blocks so that there is too much blank space between them. I would estimate that the bottom of one block to the top of the block underneath has around 5-10px between them - this is dead space that can't be utilised and makes the site look a bit empty.

It just seems to create these areas of 'no mans land' which across a few blocks over the course of a page doesnt look as nice as it could without the gaps.

Any ideas?

CommentFileSizeAuthor
#2 Block Space73.24 KBDanny Englander
#1 demo.jpg53.19 KBjoql
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

joql’s picture

FileSize
53.19 KB

for example, see the image attached. The actual image is cropped exactly under the writing, but the block is extended down to the block boundary but there is nothing there.

Danny Englander’s picture

Title: Gaps between block » Gaps between blocks
Assigned: Unassigned » Danny Englander
Status: Active » Closed (works as designed)
FileSize
73.24 KB

I think there's a reasonable amount of space between the blocks (and not to much IMO) so I won't be changing that. You are free to use the two built in options for a CSS override, either a local.css file or a custom path css file. Please read the documentation on how to do that.

You probably want to do an override for:

.block {
margin-bottom: 1.5em;
}