How to manage Thumbnail Layout?

On the Gallery Master’s Navigation Panel, select Layout Settings – Thumbnail Layout.

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

In order to manage thumbnails for Thumbnail 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 Dimensions : In this field, you would need to provide “Width and Height” for image thumbnails.

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 Thumbnail 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 Thumbnail.

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

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

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

Hover Effect & Value : In this field, you would need to choose the effect to be applied to Thumbnail 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 Thumbnail.

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

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

How to customize Gallery Title for Thumbnail Layout?

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

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

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

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

Thumbnail Layout

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.