[vc_row margin_top=”-65″ margin_bottom=”50″][vc_column][dt_fancy_title title=”Albums list layouts” title_size=”h5″ title_color=”custom” separator_style=”disabled” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/3″][vc_single_image image=”16495″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Masonry

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Unlimited number of columns. Changeable column min. width and gaps between albums. Wide albums are available.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16491″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Grid

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Unlimited number of columns. Changeable column min. width and gaps between albums. Wide albums are available.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16494″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Justified grid

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Changeable row target height and gaps between images.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Albums list width” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/3″][vc_single_image image=”16503″ img_size=”153×87″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Content width

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16504″ img_size=”153×87″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Content width & sidebar

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16502″ img_size=”154×87″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Full width

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Content area” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/3″][vc_single_image image=”16491″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Disabled (default)

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16488″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Before albums

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Only on the first page or on all pages.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_single_image image=”16489″ img_size=”109×79″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

After albums

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Only on the first page or on all pages.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Hovers” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/4″][vc_single_image image=”16484″ img_size=”100×80″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Under image

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Optional background under projects. Content alignment setting. Image hover background color setting.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16485″ img_size=”100×80″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

On colored background

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Image hover background color setting. 4 hover animation effects.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16486″ img_size=”100×80″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

On dark gradient

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Visibility: on hover or always visible.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16487″ img_size=”100×80″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

In the bottom

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Visibility: on hover or always visible.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Loading animation” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/2″][vc_row_inner][vc_column_inner width=”1/4″][vc_single_image image=”16478″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Fade in

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16480″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Move up

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16479″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Scale up

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16472″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Fall perspective

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][vc_row_inner][vc_column_inner width=”1/4″][vc_single_image image=”16480″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Fly

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16473″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Flip

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16482″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Helix

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/4″][vc_single_image image=”16479″ alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

Scale

[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Loading mode” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/4″][vc_single_image image=”16509″ img_size=”109×101″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

AJAX pagination

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16510″ img_size=”109×101″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

“Load more” button

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16508″ img_size=”109×101″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Lazy loading

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16509″ img_size=”109×101″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Standard (no AJAX)

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Albums list settings” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_top=”-10″ margin_bottom=”50″][vc_column width=”1/2″][vc_column_text]

Albums titles: show / hide
Albums excerpts: show / hide
Image miniatures: show / hide
Choose albums categories
Choose number of albums to show on one page
Albums categories: show / hide
Albums date: show / hide
Albums author: show / hide
Album comments: show / hide

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/2″][vc_column_text]

Number of images & videos: show / hide
Albums categories filter: show / hide
Name / date ordering filter: show / hide
Asc. / desc. ordering filter: show / hide
Order albums: asc. / desc.
Order albums by: name / date
Sidebar & footer settings
Optional fancy title or slideshow in header

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”How to open an album” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/4″][/vc_column][vc_column width=”1/4″][vc_single_image image=”16531″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

In lightbox

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16527″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Separate page

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”Photos on album page” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_bottom=”50″][vc_column width=”1/4″][vc_single_image image=”16527″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Gallery

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Number of columns, optional first big image.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16528″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

Slideshow

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Slideshow proportions settings.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16529″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

List

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/4″][vc_single_image image=”16532″ img_size=”154×107″ alignment=”center”][vc_empty_space height=”15px”][vc_column_text]

PhotoScroller

[/vc_column_text][vc_empty_space height=”10px”][vc_column_text]

Options are described below.

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”50″ full_width=”true”][vc_column][dt_fancy_title title=”PhotoScroller settings” title_size=”h5″ title_color=”custom” separator_style=”dashed” title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][/vc_column][/vc_row][vc_row margin_top=”-10″ margin_bottom=”-30″][vc_column width=”1/2″][vc_column_text]

Optional text area below scroller
Background colour
Inactive images transparency (in %)
Optional pixel overlay
Top, bottom & side paddings

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/2″][vc_column_text]

Thumbnails size & display settings
Autoplay speed
Fill & Fit options
Slide maximum width (in %)

[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row]