Masonry Grid layout editor

To find the Masonry Grid module, Please go to “Pages > Add New”, click “BM Content Builder”

When select the source as Portfolio(or Post, WooCommerce Product), please pickup a Category. The “Edit Your Portfolio Layout” will be shown.

Before creating masonry grid, you should create several portfolio(project) items by single portfolios, they should be set with a category.

Click the “Edit Your Portfolio Layout”, the layout editor will be shown, You could drag and drop the each item to create the layout freely.

When select the source as the “Media Library”, please click the “Select Images” to pickup the image from the WordPress Media Library.

Item Spacing: You can set the gird spacing for desktop and mobile separately.

Fit Image into Grid: The images are filled into the grid by default(the images will be cropped). If the “Fit Image into Grid” option is activated, the images will be fit within the grid, the size of the image will be limited in the grid.

Was this article helpful?

Related Articles