Increase Space Between Posts in Posts Gallery Module

When you choose the Gallery layout style in the Posts module, by default there is no space between the featured images for each Post in the gallery, such as in the following screenshot.

Screenshot of the Galery layout style with no space between featured images.

You can use the following CSS rule to increase spacing between the featured images in the display:

.fl-post-gallery-post {margin: 20px;}

Insert the rule into Tools > Global Settings, or Appearance > Customize > Code > CSS Code in the Beaver Builder Theme, or style.css, or wherever you store your CSS.

Increasing to a 20-pixel margin separates the space between images as shown in the following screenshot. You can see that the increased margins can also lead to different break points in the rows.

Screenshot of the Galery layout style with space between featured images.


Last updated on Feb 15, 2017