Site logo

Archived topic

Display Query Loop Horizontally

3 replies · Started by jaypabs on September 27, 2022

Viewing posts 1–4 of 4

How do I display query loop horizontally?

I'd like to display it with image above and the tile below like the screenshot below:

Query Loop Horizontal

Hi Jaypabs,

You can set the columns of the Query Loop through the Container Width of the Post Template Block as such: https://share.getcloudapp.com/rRuQbBdg

Then, just put Blocks on top of one another.

You can use a GenerateBlocks Image Block for the Image, and Headline Blocks for the other texts.

Hi Fernando,

Thanks, it works. But when the screen is too small, the image and the title just shrink. How can I move say two images below if the screen is too small?

GB's grid block has responsive settings.

If you click the tablet icon which means you are previewing on a smaller screen, you can set the container width to 50%, so it will only have 2 containers per row on a tablet.

Let me know if this helps!

This archived topic is closed to new replies.