How to customize Color Box?

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

Once you click on “Color Box”, 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 Color Box 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 Color Box?

In order to manage settings for Color Box, 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.

Color Box Type : In this field, you would need to choose one of designed styles for Color Box.

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

Transition Speed : In this field, you would need to provide “Transition Speed” for Color Box.

Fade Out : In this field, you would need to provide speed at which the images in Color Box would Fade Out.

Positioning : In this field, you would need to choose Position for Color Box.

Fixed Position : If you would not like to change position of lightbox while scrolling up or down, then you would need to choose “Enable” from dropdown or vice-versa.

Open when page load : In this field, you would need to choose “Enable” to display Color Box at page loading.

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

Slideshow : If you would like to display slideshow in Color Box, then you would need to choose “Enable” or vice-versa.

Slideshow Speed : This option becomes visible when slideshow option is enabled. In this field, you would need to provide “Speed” for slideshow.

Auto Slideshow : This option becomes visible when slideshow option is enabled. In this field, you would need to choose “Enable” to autoplay the slideshow.

Background Color : In this field, you would need to choose “Background Color”.

Background Opacity : In this field, you would need to provide “Background Opacity”. It should be from 0 to 100.

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

How to customize Image Title for Color Box?

In order to manage image title for Color Box, 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 Lightbox.

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 located at bottom of the page to save the settings.

How to customize Image Description for Color Box?

In order to manage image description for Color Box, 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 Image Description.

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 located at bottom of the page to save the settings.