Looper - Using 3 of 4 columns

[CulturalInfusion]

Hi,

Im facing a problem that probably has an easy solution but im not finding it, so hopefully you can help.

I have a simple 4 columns structure, where I set the row as Looper Provider (Query Builder > Portfolio item), and the first column as Looper Consumer, and all my Portfolio items display nicely on a 4 column “grid”.
Here: https://culturalinfusion.org.au/cultural-education-programs/school-programs

What I would like to achieve is, exactly the same but only using the 3 columns on the right for the Looper. Leaving the left column for a custom filter I will outsource.

Can you help?

Cheers

[marc_a]

Hi @PanInternational,

Thanks for reaching out!

If you want to display your looper inside 3 columns out of 4. I suggest that you will re-structure your layout, my idea here is that using the 1/4 + 3/4 column. Something like this.

Then to display looper divide by 3 parts in the 3/4 column, you need to add a div inside your column. In that way, you can set a 3 columns inside your parent column and this is what we called nested columns. As you can see in the screenshot below, it is the same result as what you are trying to achieve.

Hope that helps.