Adding Masonry Galleries to Divi

by | Oct 9, 2022 | Blog | 0 comments

One of the big frustrations I have with Divi is the lack of any real gallery options, there’s only a grid or carousel. So if your images are in a variety of ratios it just doesn’t cut it.

Thankfully, there is an easy way to add a masonry gallery to any Divi site (or any other theme for that matter, if it doesn’t already have one).

Responsive Lightbox & Gallery

There is a free plugin called “Responsive Lightbox & Gallery” that gives you additional options for adding galleries to your site.

Once installed, this then adds the “Gallery” option to your dashboard menu.

Adding a new gallery

To add a new gallery, you now need to go to your WordPress dashboard and click on Gallery

Once on this page, simply click the Add New button.

Start by giving the gallery a name, this is just so you know what it refers to, so just give it a sensible name for future reference.

Select your images from the media library as usual using the “select images” button

Click on the “Config” tab, and here you can choose the type of gallery you want. Shown below are the options for a Basic Masonry gallery that will work with images of different ratios. You can see in the options it asks for the number of Columns, and also lets you configure the columns per device type too.

Once you’ve chosen your options, click Publish on the top right, and that is your gallery now saved and ready to use.

Adding the gallery to a page

If you go back to the Gallery – All Galleries page, you will see a list of all of the galleries you have created. There is a column titled “Shortcode” that includes a code in some square brackets. Copy and paste this code ready to use on your page.

Open up the page you want to edit in Divi’s Visual Builder, add a text or shortcode block, and simply paste this code into it and your gallery will appear on the page.

Save the page and you’re all done!


Submit a Comment

Your email address will not be published. Required fields are marked *

Related   Posts

How do the one day builds work?

How do the one day builds work?

One Day Builds For the past 2 years we've been offering our "One Day Builds". They're a perfect way to get your site built quickly and get some training on how to make changes and add new sections in the future. Can we really build a whole site in a single day? Yes!...

Should I be moving to Kadence and Stylecloud?

Should I be moving to Kadence and Stylecloud?

There's a lot of hype at the moment around the Kadence theme, Kadence blocks, and The Design Space's new baby, Stylecloud. So are they worth the hype? Kadence and Stylecloud Explained Kadence is a block based builder, using custom WordPress "Gutenberg" blocks there...

Adding pages to menus in WordPress

Adding pages to menus in WordPress

Managing WordPress menus is pretty simple but can be daunting if you haven't done it before. If you're using a visual builder such as Divi or Elementor then it's one of the only things that's managed from within the WordPress dashboard itself, and if you're not used...