Masonry Gallery


Live Preview


A fully customizable masonry gallery layout.

This masonry gallery is created only with image modules and CSS grid.

It only needs the Divi Builder. No plugin installation required, that slows down your website.

This gallery layout can be used as:

  • image gallery
  • video
  • portfolio
  • references



  1. Create a new page with Divi
  2. Click on “Portability” (the two arrow icon)
  3. Go to the “Import” tab
  4. Drag or select JSON file
  5. Check “Import Presets”
  6. Click “Import Divi Builder Layout”


Change grid element size

If you want to change the size of a grid element, you have to change the class of the row. The basic grid has the class dv-11. The first number is for the width (column) and the second number for the height (rows).

Change grid gap

Just change the grid-gap value in the CSS file to your desired value.

Add to Wish List

Submit a Comment

Please scroll down for the support form

This theme, layout or plugin is comprised of two parts.

1. The PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
license file.

2. All other parts, including but not limited to the CSS code, images and design are
copyrighted by the vendor concerned and are NOT licensed under GPL.

This license allows the item to be used in projects for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own, in part, or as part of a larger project including that being part of a hosting offer. Distribution of source files is not permitted.


*Support is provided by vendors directly.

Please login to access the support form. you can do so here