Site logo

Archived topic

Generateblocks and image block styling

5 replies · Started by Paul on June 7, 2021

Viewing posts 1–6 of 6

Hi There,

I have a container within a grid in that container I have two images that stack on top of each other I could add padding to create a gap in-between the stacked images should I be using a nested container (so each image is within the container?)

I'll add a link to the site in the private information box.

Cheers!

Hi there,

can you share a link to the site where i can see that layout

Ah sorry I thought I had posted it (I've added to private info)

Thanks David!

No problem :)

Theres a few ways to do this, yes you could add two container blocks to control their margins. Or use a Spacer Block between them.
Or you could avoid extra HTML and select the grid container block ( with the logos within ) and in Advanced > Additional CSS Class(es) add image-spacing-v

then add some CSS:

.image-spacing-v figure.wp-block-image {
    margin-bottom: 1em;
}

Perfect. That's a great help thank you David!

Glad to be of help.

This archived topic is closed to new replies.