Page Like This

Hi Plamen,

You can build this kind of layout easily using a Container block in GenerateBlocks set to a grid.

Here’s how:

1. Add a Container block and set its layout to Grid. Set it to 3 or 4 columns depending on how many you want per row.
2. Inside the Container, add a child Container for each model. In each one, place an Image block with the model’s photo and a Headline or Text block with their name underneath.
3. For a clean, uniform look, set your images to a consistent aspect ratio (like 2:3 for portrait shots), center the names, and keep padding minimal.

That’s it — duplicate the child Container for each new model and swap out the image and name.

Hello,

Select a container and look on the right, do you see this?

Hello,

Before I answer, is there a reason you are using the V1 GB blocks? Since you are just starting your site, GB v2 blocks are more flexible. You could go to GenerateBlocks -> Settings and disable the Use version 1 blocks toggle.

You would have to recreate the grid. Otherwise, confirm that you want to work with GB v1 blocks and I will reply accordinlgy.

Can you please recreate the /main-board grid with the new blocks? Insert a container and set it to grid with the right amount of columns.

V2 blocks are more flexible than V1 with more option which could be of help in the future, you won’t have to enter as much CSS. But, you can switch to v1 block if you want, let me know if you do.

One of the V2 aspects is the GB image. You can replace the core images you have in your grid with GB images instead (you can transform the core image to a GB one). Then you could set width to 100%, height to auto, object-fit to cover and aspect-ratio of 3 / 4 or similar, all from the block settings.

Hello,

Just to confirm, the last screenshot you sent show a GB V1 grid. For a v2 grid (the one you have at the bottom), transform the core images to GB images from the toolbar as shown in the screenshot.

Let me know when done.

Hi,

The idea is to be able to improve the aspect ratio for the images, correct? Then, insert the images that do not have the same size inside the GB v2 grid. But instead if inserting a core WordPress image block, insert a GenerateBlocks image block. Maybe that would be easier.

Is that clear?

Gap is controlled by those settings here:

You can add images to grid container like I show you in this video. I also show you how to adjust spacing.