Custom Post Loop Two-Column Layout Issue

How To
1

Hi everyone,

I’m trying to build a custom post loop using Bricks Builder, and I want it to display the posts in a 2-column grid layout.

I enabled the query loop on the outer section (Experts), and inside it I created two containers side by side — hoping to achieve a 2-column layout. But the problem is that Bricks repeats each container with the same post data, as shown in the screenshot below.

In other words, instead of splitting the post list across two columns, each container becomes a separate loop and repeats all posts individually, showing duplicate data.

image
image2068×1182 195 KB

2

Here’s how you do it:
Section > Container > Block

Put the Query Loop on the Block Element and use CSS-Grid on the Container to create a two-column layout.

For that set display: grid and grid-template-columns: 1fr 1fr

this is the easiest way imo.

3

Thank you so much! worked!