Bottom spacing in masonry

  • Like many other users, I saw a noticeable bottom space below each image in masonry view.

    Examining it closely, I saw that each gallery-single div was exactly 8px taller than the image it contained.

    I tried changing line-height from 1.5 to 1, which reduced the difference to 4px. After a little more experimentation, I found that .5 was the maximum line height to prevent the extra space, so I added the following code to my CSS.

    .bne-gallery-masonry-wrapper {
	line-height: .5;
}

    There may be other solutions. This issue was visible in Safari, Chrome and Firefox (Mac)

Viewing 1 replies (of 1 total)
  • Plugin Author Kerry

    (@bluenotes)

    Hello,

    Thanks for your solution. I’ve never been able to fully recreate it on my end but You could probably use 0 as a line-height as well.

Viewing 1 replies (of 1 total)
  • The topic ‘Bottom spacing in masonry’ is closed to new replies.