Photo Gallery Themes

Editing themes with Photo Gallery plugin.

Thumbnails

Use one of the default themes or click Add new button to create a new theme for Photo Gallery.

Name. Provide a name for the theme.

Margin. Define the space around the thumbnail in pixels.

Padding. Define the padding of the thumbnail.

Border width. Outline the border width of the thumbnail.

Border style. Choose the style to be applied to the border of the thumbnails.

Border color. Select the border color for the thumbnails.

Border radius. Define the border radius in CSS type values.

Shadow. Change the shadow of the image using CSS type values.

Hover effect. Choose the effect to the applied to individual images when hovered or avoid having any.

Thumbnail background color. Choose the background color for the thumbnails.

Hover effect value. Specify the values for the selected hover in CSS type.

Transition. Choose whether to have a transition with hover effects or not.

Thumbnail transparency. Specify the level of the transparency you want to apply to the thumbnails.

Full background color. Choose the background color for the overall thumbnail view box.

Full background transparency. Specify the level of the transparency you want to apply to the overall thumbnail view box.

Alignment. Select the alignment of the thumbnail box.

Title position. Choose the position for the gallery title.

Title font size. Define the font size for the image title.

Title font color. Choose the image title font color.

Title font family. Choose the font family for the image title.

Title font weight. Choose the font weight for the image title.

Title box shadow. Using CSS type values set the box shadow for the image title.

Title margin. Set the image title margin using CSS type values.

Masonry

Name. Provide a name for the theme.

Padding. Define the padding of the individual images.

Border width. Define the border with for the individual images.

Border style. Select the style of the border from the provided options.

Border color. Select the border color for the border.

Border radius. Define the border radius for the individual images using CSS type values.

Transparency. Specify the level of transparency for the individual images.

Background color. Select a background color for the overall masonry box.

Background transparency. Specify the background transparency level.

Alignment. Choose the alignment of the masonry box in the page/post.

Hover effect. Select the effect of the individual images when hovered or chose to have none.

Hover effect value. Specify the value of the chosen hover effect using CSS type values.

Transition. Choose whether to have a transition with hover effects or not

Mosaic

Name. Provide a name for the theme.

Padding. Set a padding for the mosaic view option.

Border width. Set the border width in pixels for the mosaic view.

Border style. Using the drop-down list choose the border style view.

Border color. Select a color for the mosaic view border.

Border radius. Set a radius for the mosaic view border.

Transparency. Set a transparency level for the mosaic view thumbnails.

Background color. Set a background color for the mosaic view.

Background transparency. Set a background transparency for the mosaic view.

Alignment. Set the alignment for the mosaic in relation to the content area.

Hover effect. Set a hover effect which will be applied to the images when hovering on them.

Hover effect value. Using CSS type values set the hover effects.

Title font size. Set the font size for the mosaic view image titles.

Title font color. Select the font color for the mosaic view image titles.

Title font family. Select the font family for the image titles in mosaic view.

Title font weight. Choose the font weight for the image titles in mosaic view.

Title box shadow. Using CSS type values set the box shadow for the mosaic view title.

Title margin. Set the mosaic view title margin using CSS type values.

Slideshow

Name. Provide a name for the theme.

Background color. Set the background color for the slideshow view.

Right, left buttons size. Determine the size for the Right and Left buttons.

Play, pause buttons size. Determine the size for Play and Pause buttons.

Buttons color. Pick the button color for the slideshow view.

Buttons transparency. Specify the level of transparency for the buttons.

Buttons hover color. Set the color for the buttons when hovered.

Right, left buttons width. Define the width for the Right and Left buttons.

Right, left buttons height. Define the height for the Right and Left buttons.

Right, left buttons background color. Choose the background color for the Right and Left buttons.

Right, left buttons border width. Set the border width for Right and Left buttons.

Right, left buttons border style. Select the border style for Right and Left buttons.

Right, left buttons border color. Pick the Right and Left button border color.

Right, left buttons border radius. Define the Right and Left button border radius.

Right, left buttons style. Choose a style to be applied to Right and Left buttons.

Right, left buttons box shadow. Determine the shadow level for the Right and Left buttons.

Filmstrip position. Specify the filmstrip position for the slideshow view.

Filmstrip margin Set the margin for the filmstrip using CSS type values.

Filmstrip border width. Set the border width for the slideshow.

Filmstrip border style. Specify the border style for the filmstrip.

Filmstrip border color. Choose the border color for the filmstrip.

Filmstrip border radius. Define the border radius for the filmstrip.

Filmstrip active border width. Set the border width of the filmstrip item, which is currently displayed.

Filmstrip active border color. Select the border color of the filmstrip item, which is currently displayed.

Filmstrip deactive transparency. Specify the transparency level of the deactived filmstrip.

Filmstrip right, left buttons background color. Choose the background color for the Right and Left buttons used with the filmstrip.

Filmstrip right, left buttons color. Choose the button color for the Right and Left buttons used with the filmstrip.

Filmstrip right, left buttons size. Determine the button size for the Right and Left buttons used with the filmstrip.

Title background color. Set the background color for the slideshow image title.

Title transparency. Set the level of transparency for the slideshow image title.

Title border radius. Define the border radius for the slideshow image title.

Title padding. Set the slideshow image title padding using CSS type values.

Title font size. Define the font size for the slideshow image title.

Title color. Set the slideshow image title color.

Title font family. Determine the font family for the slideshow image title.

Description background color. Choose the background color for the slideshow image description.

Description transparency. Select the level of transparency for the slideshow image description.

Description border radius. Set the border radius for the slideshow image description.

Description padding. Set the padding for the slideshow image description.

Description font size. Define the font size for the slideshow image description.

Description color. Choose the color for the slideshow image description.

Description font family. Choose the font family for the slideshow image description.

Slider bullet width. Set the slider bullet width for the slideshow.

Slider bullet height. Set the slider bullet height for the slideshow.

Slider bullet border radius. Set the border radius for the slider bullet using CSS type values.

Slider bullet background color. Choose the background color for the slider bullet.

Slider bullet margin. Set the slider bullet margin using CSS type values.

Slider bullet active background color. Select the background color for the active slider bullet.

Slider bullet active border width. Set the border width for the active slider bullet.

Slider bullet active border color. Choose the border color for the active slider bullet.

Image Browser

Name. Provide a name for the theme.

Full padding. Using CSS type values set padding for the overall image browser box.

Full background color. Select the overall background color for the image browser view.

Full background transparency. Determine the level of background transparency for the overall image browser box.

Full border radius. Define the border radius of the overall image browse box using CSS type values.

Full border width. Set the overall border width in pixels.

Full border style. Choose the overall border style.

Full border color. Choose the overall border color.

Alignment. Determine the alignment of the image browser box in the page/post.

Margin. Set overall margins of the image browser box using CSS type values.

Padding. Set overall padding for the image browser box using CSS type values.

Border width. Define the border with for the images.

Border style. Select the border style for the images.

Border color. Choose the border color for the images.

Border radius. Define the border radius for the images.

Background color. Select the background color for the image browser box.

Background transparency. Specify the transparency level of the overall background.

Box shadow. Set the shadow values for the image browser box.

Title alignment. Define the alignment for the image titles.

Font size. Set the font size for the text elements of images, e.g. title and description.

Font color. Choose the font color for the text elements of the images, e.g. title and description.

Font family. Choose the font family to be used for the image text elements, e.g. title and description.

Description margin. Using CSS type values set image description padding.

Description padding. Using CSS type values set image description padding.

Description border width. Define the border width for the image descriptions.

Description border style. Select the border style for the image description in image browser view.

Description border color. Choose the border color for the image description in image browser view.

Description border radius. Define the border radius for the image description in image browser view.

Description background color. Select the background color for the image description in the image browser view.

Compact Album

Name. Provide a name for the theme.

Padding. Define the padding for the compact album preview image.

Margin. Define the margin for the album preview image.

Border width. Set the border width for the album preview image.

Border style. Set the border style for the album preview image.

Border color. Select the color for the border.

Border radius. Using CSS type values define the border radius of the preview image.

Shadow. Set a preview image shadow using CSS type values.

Hover effect. Choose an effect to be applied to the preview image when hovered or avoid having one.

Hover effect value. Set the CSS type value for the chosen hover effect.

Thumbnail transition. Choose whether to have a transition for the thumbnail or not.

Thumbnail background color. Select a background color the preview thumbnail image.

Thumbnail transparency. Select the level of transparency for the preview thumbnail image. Full background color. Select a background color the overall compact album view.

Full background transparency. Select the level of transparency for the background color the overall compact album view.

Alignment. Define the alignment of the compact album in the page or post.

Title Position. Select the position of the gallery title.

Title font size. Define the font size for the album title.

Title font color. Choose the album title font color.

Title font family. Choose the font family for the album title.

Title font weight. Choose the font weight for the album title.

Title box shadow. Using CSS type values set the box shadow for the album title.

Title margin. Set the compact album title margin using CSS type values.

Font size. Define the font size for the additional texts (e.g. album is empty) and Back button label.

Font color. Choose the font color for the additional texts (e.g. album is empty) and Back button label.

Font family. Select the font family for the additional texts (e.g. album is empty) and Back button label.

Font weight. Choose the font weight for the additional texts (e.g. album is empty) and Back button label.

Back padding. Set padding for the Back button.

Masonry Album

Name. Provide a name for the theme.

Border width. Define the border width for the album preview image.

Border style. Select the border style for the album preview image.

Border color. Choose the preview image color.

Border radius. Set the border radius for the preview image using CSS type values.

Hover effect. Set the hover effect upon moving the mouse over the album preview image.

Hover effect value. Give CSS type values to the selected hover effect for the thumbnail image.

Thumbnail transition. Choose whether to have a transition for the preview thumbnail or not.

Thumbnail background color. Set the background color for the thumbnails.

Thumbnail transparency. Choose the transparency level for the thumbnail.

Full background color.

Full background transparency.

Alignment. Define the alignment for the navigation buttons.

Title font size. Set the size for the album title.

Title font color. Choose the font color for the album title text.

Title font family. Choose the font family for the album title text.

Title font weight. Select the font weight for the album title.

Title box shadow. Using CSS type values set the box shadow for the title.

Font size. Define the font size for the page navigation.

Font color. Choose the font color for the page navigation.

Font family. Select the font family for the page navigation.

Font weight. Select the font weight from the provided options to apply to page navigation.

Back padding. Set padding for the Back button.

Extended Album

Name. Provide a name for the theme.

Thumbnail margin. Set the extended album thumbnail margin using CSS type values.

Thumbnail padding. Set the extended album thumbnail padding using CSS type values.

Thumbnail border width. Define the border width for the album preview image.

Thumbnail border style. Define the border style for the album preview image.

Thumbnail border color. Choose the border color for the album preview image.

Thumbnail border radius. Define the border radius for the album thumbnail.

Thumbnail box shadow. Specify the shadow for the preview thumbnail using CSS type values.

Thumbnail transition. Choose whether to have a transition for the preview thumbnail or not.

Thumbnail alignment. Specify the positioning of the album thumbnail in the page or post.

Thumbnail transparent. Choose the transparency level for the thumbnail.

Thumbnail hover effect. Choose the effect to be applied to the image when hovered or choose to have none.

Hover effect value. Give CSS type values to the selected hover effect for the thumbnail image.

Thumbnail background color. Select a background color for the thumbnail image.

Thumbnails background color. Select a background color for the overall view.

Thumbnail background transparency. Specify the level of transparency for the thumbnail.

Thumbnail div padding. Set padding for the thumbnail container using CSS type values.

Thumbnail div background color. Choose the background color for the thumbnail container.

Thumbnail div border width. Set the border width for the thumbnail container.

Thumbnail div border style. Select the border style for the thumbnail container.

Thumbnail div border color. Select the border color for the thumbnail container.

Thumbnail div border radius. Using CSS type values set the thumbnail container radius.

Margin. Set the margin for the overall extended album box.

Padding. Set padding for the overall extended album box.

Background color. Select the background color for the overall extended album box.

Background transparency. Select the level of transparency for the overall background.

Border radius. Set the overall border radius using CSS type values.

Separator width. Set the width for the image separators.

Separator style. Select the style for the image separator lines.

Separator color. Select the color for the image separators.

Back padding. Set padding for the Back button.

Back font size. Define the font size for the Back button.

Back font color. Select the font color for the Back button.

Back font family. Choose the font family for the Back button label.

Back font weight. Select the font weight for the Back button label.

Text div padding. Set padding for the text container (title and description).

Text div border width. Definethe width for the text container (title and description).

Text border style. Select the border style for the text container (title and description).

Text border color. Choose the border color for the text container (title and description).

Text div border radius. Set the border radius for the text container (title and description) using CSS type values.

Text background color. Select the background color for the text container (title and description).

Title margin. Set the album title margin using CSS type values.

Title padding. Set the album title padding using CSS type values.

Title border width. Specify the album title border width.

Title border style. Select the album title border style.

Title border color. Choose the album title border color.

Title font size. Set the size for the album title.

Title font color. Choose the font color for the album title text.

Title font family. Choose the font family for the album title text.

Title font weight. Select the font weight for the album title.

Description padding. Define the album description padding using CSS type values.

Description border width. Set the album description border width.

Description border style. Choose the album description border style.

Description border color. Select the album description border color.

Description font size. Set the size for the album description.

Description font color. Choose the font color for the album description.

Description font family. Choose the font family for the album description.

Description font weight. Set the font weight for the album description text.

Description more size. Define the size for the More button in the description.

Description more color. Choose the color for the More button in the description.

Blog Style

Name. Provide a name for the theme.

Background color. Select the overall background color.

Background transparency. Specify the level of transparency for the overall background.

Alignment. Choose the overall alignment.

Margin. Set the view margin using CSS type values.

Padding. Set the view padding using CSS type values.

Box shadow. Set the view box shadow using CSS type values.

Font family. Choose the font family for the Blog Style view texts.

Font size. Set the font size for the Blog Style view texts.

Font color. Select the font color for the Blog Style view texts.

Border width. Set the image border width in pixels.

Border style. Select the image border style.

Border color. Choose the image border color.

Border radius. Set the image border radius using CSS type values.

Buttons and title margin. Set the buttons (social media sharing and comments) and title margins using CSS type values.

Buttons size. Set the buttons (social media sharing and comments) size in pixels.

Buttons color. Select the buttons (social media sharing and comments) color.

Buttons and title border width. Set the border width for the buttons (social media sharing and comments) and title.

Buttons and title border style. Select the border style for the buttons (social media sharing and comments) and title.

Buttons and title border color. Select the border color for the buttons (social media sharing and comments) and title.

Buttons and title border radius. Set the border radius for the buttons (social media sharing and comments) and title.

Buttons and title background color. Select the background color for the buttons (social media sharing and comments) and title.

Buttons and title background transparency. Set the level of the background transparency for the buttons (social media sharing and comments) and title.

Buttons or title alignment. Choose an alignment for either buttons or title. The second option will be adjusted automatically.

Name. Provide a name for the theme.

Overlay background color. Choose the background color for the background overlay.

Overlay background transparency. Select the level of transparency for the background overlay.

Lightbox background color. Select the overall background color for the lightbox.

Control buttons height. Set the height for the control buttons in the lightbox.

Control buttons margin (top). Set the top margin for the control buttons in the lightbox.

Control buttons margin (left). Set the left margin for the control buttons in the lightbox.

Control buttons position. Choose the position for the control buttons.

Control buttons background color. Choose the background color for the control buttons.

Control buttons container border radius. Set the border radius for the control buttons container.

Control buttons container background transparency. Choose the transparency level for the control buttons container.

Control buttons alignment. Set the positioning of the control buttons.

Control buttons color. Choose the color to use for the control buttons.

Control buttons transparency. Choose the level of transparency for the control buttons.

Toggle button height. Set the height for the toggle button.

Toggle button width. Set the width for the toggle button.

Close button border radius. Define the border radius for the Right and Left buttons.

Close button border width. Set the border width for the Close button.

Close button border style. Choose the border style for the Close button.

Close button border color. Select the border color for the Close button.

Close button box shadow. Set the box shadow for the Close button.

Close button background color. Select Close button background color.

Close button transparency. Choose the level of transparency for the Close button.

Close button width. Set the Close button width.

Close button height. Set the Close button height.

Close button top. Set the margin between the top border and the Close button.

Close button right. Set the margin between the right border and the Close button.

Close button size. Define the Close button size in pixels.

Close button color. Choose a color for the Close button.

Fullscreen close button color. Choose a color for the Fullscreen exit button.

Share buttons color. Choose a color to be applied to all Social share buttons used with the view.

Right, left buttons style. Choose the style for the Right and Left buttons.

Right, left buttons background color. Select the background color for the Right and Left buttons.

Right, left buttons transparency. Select the level of transparency for the Right and Left buttons.

Right, left buttons box shadow. Set the Right and Left buttons box shadow using CSS type values.

Right, left buttons height. Set the height for the Right and Left buttons.

Right, left buttons width. Set the width for the Right and Left buttons.

Right, left buttons size. Define the size for the Right and Left buttons.

Right, left, close buttons hover color. Choose the Right, Left and Close buttons color when hovered.

Right, left buttons color. Choose the Right and Left buttons color.

Right, left buttons border radius. Set the border radius for the Right and Left buttons.

Right, left buttons border width. Set the border width for the Right and Left buttons.

Right, left buttons border style. Choose the border style for the Right and Left buttons.

Right, left buttons border color. Choose the border color for the Right and Left buttons.

Filmstrip position. Set the filmstrip position in the lightbox.

Filmstrip thumbnail margin. Specify the margin for the filmstrip image using CSS type values.

Filmstrip thumbnail border width. Set the border width for the lightbox filmstrip.

Filmstrip thumbnail border style. Choose the border style for the lightbox filmstrip.

Filmstrip thumbnail border color. Select the border color for the lightbox filmstrip.

Filmstrip thumbnail border radius. Set the lightbox filmstrip border radius using CSS type values.

Filmstrip thumbnail active border width. Set the border width for the lightbox filmstrip image which is currently displayed.

Filmstrip thumbnail active border color. Choose the border style for the lightbox filmstrip image which is currently displayed.

Filmstrip thumbnail deactive transparency. Choose the transparency level of the thumbnails except the currently displayed one.

Filmstrip right, left buttons size. Define the button size for the Right and Left buttons of the filmstrip.

Filmstrip right, left buttons color. Select the button color for the Right and Left buttons of the filmstrip.

Filmstrip right, left button background color. Select the button background color for the Right and Left buttons of the filmstrip.

Rating position. Set the position for the rating icons.

Rating alignment. Set the alignment for the rating icon.

Rating icon. Select the rating icon among six possible options.

Rating color. Choose the color for the selected rating icon.

Rating hover color. Choose the color for the selecting rating icon range when hovered.

Rating size. Define the rating dimensions.

Rating icon count. Set the amount of the rating symbols to be displayed.

Rating padding. Set the padding for the rating.

Hit counter position. Set the position for the hit counter.

Hit counter alignment. Set the alignment for the hit counter.

Hit counter background color. Choose the background color for the hit counter box.

Hit counter background transparency. Define the level of the background transparency for the hit counter box.

Hit counter border width. Set the border width for the hit counter box.

Hit counter border style. Specify the border style for the hit counter box.

Hit counter border color. Choose the border color for the hit counter box.

Hit counter border radius. Set the border radius for the hit counter box.

Hit counter padding. Set the padding for the hit counter box.

Hit counter margin. Set the margin for the hit counter box.

Hit counter font color. Select the font color within the hit counter box.

Hit counter font family. Choose the font family for the hit counter box text.

Hit counter font weight. Choose the font weight for the hit counter box text.

Hit counter font size. Select the font size for the hit counter box text.

Info position. Specify the position of the image title and description.

Info alignment. Select the alignment for the image title and description.

Info background color. Choose the background color for the image information.

Info background transparency. Set the level of transparency for the image information background.

Info border width. Set a border width for the image information box.

Info border style. Set the border style for the image information box.

Info border color. Set the border color for the image information box.

Info border radius. Set the border radius for the image information box.

Info padding. Set the padding for the image information box using CSS style values.

Info margin. Set the margin for the image information box using CSS style values.

Title font color. Choose the font color for the image title.

Title font family. Specify the font family for the image title.

Title font weight. Specify the font style for the image title.

Title font size. Set the font size for the image title.

Description font color. Choose the font color for the image description.

Description font family. Set the font family for the image description.

Description font weight. Set the font style for the image description.

Description font size. Define the font size for the image description.

Comments width. Define the width of the comment box for the images in the lightbox.

Comments position. Select the comment position for the images.

Comments background color. Select the background color for the comment box in the lightbox.

Comments font size. Define the font size for the comments input field labels.

Comments font color. Define the font color for the image comments.

Comments font family. Select the font family for the image comments.

Comments author font size. Define the font size for the Author text in the image comment box.

Comments date font size. Define the font size for the image comment date.

Comments body font size. Define the font size for the image comments.

Comment input border width. Define the border width for the comment box.

Comment input border style. Select the style to be applied to the comment box border.

Comment input border color. Choose the border color for the comment box border.

Comment input border radius. Set the border radius for the comment box input field.

Comment input padding. Set padding for the comment box input area using CSS type values.

Comment input background color. Choose the background color for the comment input field.

Comment button background color. Choose a background color for the comment button.

Comment button padding. Set the comment button padding using CSS type values.

Comment button border width. Set the border width for the comment button.

Comment button border style. Select the border style for the comment button.

Comment button border color. Choose the border color for the comment button.

Comment button border radius. Set the border radius for the comment button using CSS type values.

6Comment separator width. Set the width for the comment separators.

Comment separator style. Choose the style for the comment separator lines.

Comment separator color. Select the color for the comment separators.

Name. Provide a name for the theme.

Font size. Define the font size for the page navigation.

Font color. Choose the font color for the page navigation.

Font family. Select the font family for the page navigation.

Font weight. Select the font weight from the provided options to apply to page navigation.

Border width. Set the page navigation border width.

Border style. Select the border style for the page navigation.

Border color. Choose the page navigation border color.

Border radius. Set the border radius for the page navigation using CSS type values.

Margin. Set the margin for the page navigation using CSS type values.

Padding. Set padding using CSS type values for the page navigation.

Button background color. Choose the navigation button background color.

Button background transparency. Specify the level of transparency for the navigation button background.

Button transition. Choose whether to set a transition for the navigation button or not.

Box shadow. Set the box shadow for the navigation.

Position. Determine the position of the navigation buttons.

Alignment. Define the alignment for the navigation buttons.

Numbering. Choose whether to have numbers next to navigation buttons or not.

Button text. Choose whether to have text or navigation arrow set for the page navigation.

Background color. Set a background color for overall carousel view.

Container opacity. Set carousel container opacity level.

Right, left buttons size. Set dimensions for navigation buttons.

Play, pause buttons size. Set dimensions for play/pause buttons.

Buttons color. Choose the button color for the carousel slideshow.

Buttons transparency. Specify the level of transparency for buttons of carousel slideshow.

Buttons hover color. Choose the color for the buttons when hovered.

Right, left buttons width. Set the width for the Right and Left buttons.

Right, left buttons height. Set the height for the Right and Left buttons.

Right, left buttons background color. Choose the background color for navigation buttons.

Right, left buttons border width. Set the border width for navigation buttons.

Right, left buttons border style. Select the border style for navigation buttons.

Right, left buttons border color. Select navigation buttons border color.

Right, left buttons border radius. Set navigation buttons border radius.

Right, left buttons style. Choose navigation buttons border style.

Carousel margin. Set margin for carousel images.

Image border width. Define border width for image.

Image border style. Select border style for image border.

Image border color. Select border color for image border.

Title background color. Set a background color for image title container.

Title opacity. Define opacity level of title.

Title border radius. Set border radius for image title.

Title margin. Using CSS value standards set margin for image title.

Title padding. Using CSS value standards set padding for image title.

Title Font family. Choose font family for image title.

Title font size. Set font size for carousel image title.

Title color. Choose title text color for the image title.

Title font weight. Choose font style for the image title.