How to manage Masonry Layout?

On the Gallery Bank Navigation Panel, select Layout Settings – Masonry Layout.

Once you click on “Masonry Layout”, you will be redirected to the following page as mentioned below.

Once you would reach the page as seen above, you would be able to manage different Masonry Layout settings. For this, you would need to click on particular tabs which you would like to modify from top of the page.

How to manage Thumbnails for Masonry Layout?

In order to manage thumbnails for Masonry Layout, you would need to click on “Thumbnails” tab from top of the page.

Once you click on “Thumbnails”, you will be redirected to following page as mentioned below.

Here is the description of each control on this page.

Thumbnail Width : In this field, you would need to provide “Width” for image thumbnails in Masonry Layout.

Background Color & Transparency : In this field, you would need to choose “Color and Opacity” for background. Transparency should be from 0 to 100.

Thumbnail Opacity : In this field, you would need to provide Opacity for image thumbnails in percentage. It should be from 0 to 100.

Border Style : In this field, you would need to provide Width, Style and Color for Border of Masonry Layout.

Border Radius : In this field, you would need to provide “Border Radius” for Masonry Layout.

Shadow : In this field, you would need to provide CSS type values for “Shadow” of Masonry Layout.

Shadow Color : In this field, you would need to choose “Shadow Color” for Masonry Layout.

Hover Effect & Value : In this field, you would need to choose the effect to be applied to Masonry Layout when hovered and provide specific value for selected hover effect.

Transition : In this field, you would need to provide Transition time to complete the effect. It should be from 1 to 9.

Margin : In this field, you would need to provide “Margin” for Masonry Layout.

Padding : In this field, you would need to provide “Padding” for Masonry Layout.

Once everything is being setup, you would need to click on “Save Changes” button to save the settings.

How to customize Gallery Title for Masonry Layout?

In order to customize Gallery Title of Masonry Layout, you would need to click on “Gallery Title” tab from top of the page.

Once you click on “Gallery Title”, you will be redirected to following page as mentioned below.

Here is the description of each control on this page.

HTML Tag : In this field, you would need to choose “HTML Tag” for Gallery Title.

Text Alignment : In this field, you would need to choose “Text Alignment” for Gallery Title.

Font Style : In this field, you would need to provide “Font Size and Color” for Gallery Title.

Font Family : In this field, you would need to choose “Font Family” for Gallery Title.

Margin : In this field, you would need to provide “Margin” for Gallery Title.

Padding : In this field, you would need to provide “Padding” for Gallery Title.

Once everything is being setup, you would need to click on “Save Changes” button to save the settings.

How to customize Gallery Description for Masonry Layout?

In order to customize Gallery Description of Masonry Layout, you would need to click on “Gallery Description” tab from top of the page.

Once you click on “Gallery Description”, you will be redirected to following page as mentioned below.

Here is the description of each control on this page.

HTML Tag : In this field, you would need to choose “HTML Tag” for Gallery Description.

Text Alignment : In this field, you would need to choose “Text Alignment” for Gallery Description.

Font Style : In this field, you would need to provide “Font Size and Color” for Gallery Description.

Font Family : In this field, you would need to choose “Font Family” for Gallery Description.

Margin : In this field, you would need to provide “Margin” for Gallery Description.

Padding : In this field, you would need to provide “Padding” for Gallery Description.

Once everything is being setup, you would need to click on “Save Changes” button to save the settings.

How to customize Thumbnail Title for Masonry Layout?

In order to customize Thumbnail Title of Masonry Layout, you would need to click on “Thumbnail Title” tab from top of the page.

Once you click on “Thumbnail Title”, you will be redirected to following page as mentioned below.

Here is the description of each control on this page.

HTML Tag : In this field, you would need to choose “HTML Tag” for Thumbnail Title.

Text Alignment : In this field, you would need to choose “Text Alignment” for Thumbnail Title.

Font Style : In this field, you would need to provide “Font Size and Color” for Thumbnail Title.

Font Family : In this field, you would need to choose “Font Family” for Thumbnail Title.

Margin : In this field, you would need to provide “Margin” for Thumbnail Title.

Padding : In this field, you would need to provide “Padding” for Thumbnail Title.

Once everything is being setup, you would need to click on “Save Changes” button to save the settings.

How to customize Thumbnail Description for Masonry Layout?

In order to customize Thumbnail Description of Masonry Layout, you would need to click on “Thumbnail Description” tab from top of the page.

Once you click on “Thumbnail Description”, you will be redirected to following page as mentioned below.

Here is the description of each control on this page.

HTML Tag : In this field, you would need to choose “HTML Tag” for Thumbnail Description.

Text Alignment : In this field, you would need to choose “Text Alignment” for Thumbnail Description.

Font Style : In this field, you would need to provide “Font Size and Color” for Thumbnail Description.

Font Family : In this field, you would need to choose “Font Family” for Thumbnail Description.

Margin : In this field, you would need to provide “Margin” for Thumbnail Description.

Padding : In this field, you would need to provide “Padding” for Thumbnail Description.

Once everything is being setup, you would need to click on “Save Changes” button to save the settings.