How to manage Justified Grid Layout?

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

Once you click on “Justified Grid 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 Justified Grid 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 Justified Grid Layout?

In order to manage thumbnails for Justified Grid 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.

Justified Grid Opacity : In this field, you would need to provide Opacity for Justified Grid Layout in percentage. It should be from 0 to 100.

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

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

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

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

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

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

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

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

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

How to customize Gallery Title for Justified Grid Layout?

In order to customize Gallery Title of Justified Grid 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 Justified Grid Layout?

In order to customize Gallery Description of Justified Grid 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 Justified Grid Layout?

In order to customize Thumbnail Title of Justified Grid 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 Justified Grid Layout?

In order to customize Thumbnail Description of Justified Grid 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.