[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]