[Resolved] Kadence Posts block columns with masonry layout

It may show 3 columns in some browsers/monitors. But see the extra white space on the right of the three columns? I believe the three columns are supposed to take up the entire width of the page. They do when the Twenty Twenty theme is active or when using the grid vs. masonry layout for the block.

Yes, I activated the Generate Press theme instead of the Generate Press child theme to rule out any changes we may have made. I have a support ticket in with Kadence as well. But often with these issues it’s helpful to open tickets with both vendors because it’s not always clear who needs to update what with their product 🙂

Thanks for looking in to this.

Disabling the GP blog module doesn’t appear to affect the issue.

Kadence Blocks support provided the following CSS tweak that seems to have resolved the issue:

/*Kadence Blocks posts block fix*/
.kt-blocks-post-grid-item, .wp-block-kadence-postgrid * {
box-sizing: border-box;
}

I believe the first class (.kt-blocks-post-grid-item) was added for Internet Explorer backward compatibility last year. The second class (.wp-block-kadence-postgrid *) appears to fix the masonry layout issue without adversely impacting the grid layout.