Another gap issue with a Masonry Grid

1

I’m failing to understand what I may be doing wrong here with this masonry setup. I set up a test of a master container for the Masonry, container blocks within that with a set height of 200px and 5px padding, and red blocks within those containers with 100% height and a background. This is what it looks like with the masonry block selected at default settings (3 column, 10px):

image
image1366×460 5.56 KB

The gap is applied very oddly- never inbetween them, and always along the far right edge. If I crank it to a 30px gap:

image
image1331×480 2.21 KB

More of the same. This is the hierarchy I have setup:

image
image258×334 9.74 KB

Is this a bug? I saw this thread but the fix described here didn’t work for me. And unlike those users, my gap is always applied at the right edge rather than never at all. So I don’t know if this masonry bug applies to my setup or not.

Is this user error or something? Running 2.3.9

2

Works fine here, so not sure what is happening. But more context is required.

  1. Are you using any additional plugins?
  2. CSS Frameworks?
  3. Any custom code?
  4. Can you show the setting on your grid layout and child elements?

Grid-Layout-–-Cedar-07-24-2026_03_21_PM
Grid-Layout-–-Cedar-07-24-2026_03_21_PM1920×917 23.9 KB

Grid-Layout-Builder--07-24-2026_03_21_PM
Grid-Layout-Builder--07-24-2026_03_21_PM1920×917 93.4 KB

3

Your image shows a CSS grid but I meant grid more colloquially- I’m using the Masonry option under the Layout settings.

Yes, mostly woocommerce & other shop plugins

No CSS Frameworks

This is the only custom CSS, defined within the bricks settings

input {
  color: black
}

input::placeholder {
  color: gray
}

textarea {
  color: black
}

textarea::placeholder {
  color: gray
}

.woocommerce-order-details table tfoot {
  background-color: unset;
}

.woocommerce mark {
    color: var(--bricks-color-d9d217);
    background-color: rgba(0,0,0,0);
    padding: 0 2px;
}

The elements you asked for, first for the masonry container (this is the only value changed)

image
image692×427 21.2 KB

and then for its children padded containers

image
image769×1253 37.5 KB

4

Ok, yes I see it now and it for sure is a bug. To be honest, not sure why that option is even there, as I would never build my grids in that fashion.

Sorry, can’t help you with this bug, hopefully the team can sort this out.

5

Quite the opposite, I appreciate you helping recreate the issue to make sure it wasn’t just something on my end :smiley: thanks a ton!

1 Like
6

Hopefully they can sort it out for you, as you are correct, there is something wonky donky going on with it. =]

2 Likes
7

Also have noticed Masonry gallery not working in Bricks 2.3.9 works in 2.3.8

1 Like
8

This is fixed in the new 2.4 beta, so it must already be a known issue.

1 Like
9

Ask for a patch and ye shall receive. Thanks Bricks team!

1 Like