Masonry Grid Layout with Even Image Heights

Apply custom CSS to combine a Masonry Grid Layout
with Even Image Heights.

Normally when Masonry is used as the grid’s main layout option, the items will not always be perfectly symmetrical.  Here’s an example:

In the above example, you can see that the image heights vary.  This is normally how a Masonry Layout is displayed.

But if you’d like to make all the image heights even, you can add some Custom CSS to the grid.

1. From the plugin's main admin page, click "Edit Skin".

2. Next, open the "CSS Editor"

3. Finally, enter the following Custom CSS, and adjust the max-height values as needed.