How to customize Lightcase Lightbox?

On the Gallery Master’s Navigation Panel, select Lightboxes – Lightcase.

Once you click on “Lightcase”, 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 Lightcase Lightbox settings. For this, you would need to click on particular tabs which you would like to modify from top of the page.

How to customize Settings for Lightcase?

In order to manage settings for Lightcase, you would need to click on “Settings” tab from top of the page.

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

Here is the description of each control on this page.

Autoplay Slideshow : In this field, you would need to choose “Enable” to autoplay the slideshow in Lightcase.

Transition : In this field, you would need to choose “Transition Effect” for Lightbox.

Starting Transition Speed : In this field, you would need to provide Starting Transition Speed for Lightbox.

Ending Transition Speed : In this field, you would need to provide Ending Transition Speed for Lightbox.

Overlay Color : In this field, you would need to choose Color for Overlay.

Overlay Opacity : In this field, you would need to provide Opacity for Overlay. It should be from 0 to 100.

Button Style : In this field, you would need to provide Font Size and Color for Buttons in Lightcase Lightbox.

Close Button : In this field, you would need to choose “Show” to display Close Button.

Image Counter : In this field, you would need to choose “Show” to display image counter in Lightbox.

Counter Font Style : In this field, you would need to provide Font Size and Color for image counter.

Counter Font Family : In this field, you would need to choose “Font Family” for image counter.

Border Style : In this field, you would need to provide Width, Style and Color for border of Lightcase Lightbox.

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

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

How to customize Image Title for Lightcase?

In order to manage image title for Lightcase, you would need to click on “Image Title” tab from top of the page.

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

Here is the description of each control on this page.

Title : In this field, you would need to choose “Show” to display Title for image in Lightcase.

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

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

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

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

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

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

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

How to customize Image Description for Lightcase?

In order to manage image description for Lightcase, you would need to click on “Image Description” tab from top of the page.

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

Here is the description of each control on this page.

Description : In this field, you would need to choose “Show” to display Description for image in Lightcase.

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

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

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

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

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

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

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