Create a collage of beautiful images that is perfect for showcasing your portfolio, product images, and more with the Masonry block.
How To Add The Masonry Block
- 1.Open a page or a post and click on the plus icon to add a new block and look for the Masonry or you can search for it if it doesnโt pop up quickly for you.
- 2.Next, you have to upload images that you want to showcase.
.png?alt=media&token=5db962a6-4bc6-4841-8683-6b57ffb46a92)
How To Configure The Masonry Block
To configure the content of your Masonry block, switch to the โContentโ tab.
Masonry Settings
- Size: Select a size for the image as middle, large, or extra-large.
- Gutter: Set space between the images with this setting. You can set different gutter for mobile devices.
- Rounded Corners: Display the corners of the image as round.
- LightBox: Display or Hide lightbox for the images from here. If enabled, on clicking on the image, you will see a preview of the image.
- Captions: Display or Hide captions for the images from here.
- Caption style: This option is available when Captions is enabled. You can choose caption style dark, light, or none.
.png?alt=media&token=0872f0fe-b25c-433c-b24b-e5756aec8f28)
Link Settings
If Lightbox is disabled, you can link the image to a media file, attachment page, or a custom URL. You can also choose to open the link in a new tab.
