About the Masonry layout in PageSpeed v1.42

We introduced the masonry style grid layout in v1.42 of the PageSpeed. This feature is only available in the premium version of the theme.
You can enable it from the customizer.

Please note that it is only available when using separate containers for main and sidebars.
You can choose from 2 to 4 columns. In future versions, we will give you the option to remove sidebars from home and archives and let you choose up to 6 columns.

Adjust the thumbnail sizes to match the column width. Here is a formula to get the width of the image, height can be anything.

(Layout width - 40)*main_width/100 - (Number of masonry columns - 1)*20)/Number of masonry columns.

If you are site width is 1200px and main is set at 70% and masonry columns set to 3, then your thumbnail width should be

[(1200-40)*70/100 - (3-1)*20]/3 = 257.33 = 257px.

Excuse the awkward calculation, this will be automated in the next version.

Give the masonry layout a try and let us know what you think. We would love to hear your comments and suggestions.

Leave a Reply

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