Best practices for adding space below galleries and images?

How To
1

I have a gallery element in a Wordpress post, and the next line of text is only a few pixels below it.
I looked in Element > Image, but there are no spacing parameters there, and I suppose that wouldn’t be for the gallery element anyway.

What is the best practice for adding spacing below image galleries and/or images in general in the theme?

2

go to image element :arrow_right: style :arrow_right: margin :arrow_right: bottom … and set it there
you can also drag bottom of image to add margin

3

Thank you @WeLoVeBricKs.
I’m not sure I understand. Do you mean I should do that on each individual image in the bricks editor?

I was trying to style the elment type in the Bricks template. I am creating my posts in Wordpress not Bricks and I can’t see any margin settings for images or Gallery elements.

I will want the same spacing for every Gallery and Image element on my site.

test styling in Bricks theme

4

This is where custom CSS comes into play. Without seeing an example of a real page there is really no way to provide more details.

1 Like
5

You mean your Gutenberg images?
put this code outside of builder in:
bricks menu :arrow_right: :arrow_right: settings :arrow_right: custom code :arrow_right: custom css and save.

body.single figure.wp-block-image img{
	margin-top:50px;
	margin-bottom:50px;
}

Adjust 50px to your liking.
There is also ‘separator’ element in Gutenberg blocks.

1 Like
6

Ah ok. So I will need to use custom css. I think that is all I needed to know, I thought there would be some universal image spacing css setting in the Bricks template builder (like with fonts, headings etc) . I think I can figure it out from here. Thanks @webdev

7

Great! Yes, thanks @WeLoVeBricKs