Albums justified grid

Dial in your perfect justified grid photo albums.

Mix and match different photo albums layouts, appearances and settings.
See example of some ideas for your photo albums below.

album-browser-the7-3-just-01
Photom Albums Justified Grid

EXAMPLE 1

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text alignment: Center
  • Text visibility: Always
  • Hover style: Dark gradient
  • Hover icons: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Row target height: 400px
  • Loading mode: Lazy loading
  • Loading effect: Fade in

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/1-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-just-02
Photom Albums Justified Grid

EXAMPLE 2

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text alignment: Left & top
  • Hover style: Colored background
  • Hover icons: Disabled
  • Hover animation: Fade

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Disabled
  • Row target height: 370px
  • Loading mode: Lazy loading
  • Loading effect: Scale up

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/2-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-just-03
Photom Albums Justified Grid

EXAMPLE 3

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text alignment: Center
  • Hover style: In the bottom
  • Hover icons: Diabled
  • Categorization: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Disabled
  • Row target height: 300px
  • Loading mode: Lazy loading
  • Loading effect: None

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/3-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-just-04
Photom Albums Justified Grid

EXAMPLE 4

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Sidebar: Enabled
  • Text alignment: Center
  • Hover style: Colored background
  • Hover icons: Disabled
  • Hover animation: Scale in

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Disabled
  • Sorting: Disabled
  • Row target height: 330px
  • Loading mode: AJAX pagination
  • Loading effect: Fade in

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/4-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-just-05
Photom Albums Justified Grid

EXAMPLE 5

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Content area: Above albums
  • Text alignment: Left & top
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Reverse direction aware

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Disabled
  • Sorting: Disabled
  • Row target height: 400px
  • Loading mode: Lazy loading
  • Loading effect: Helix

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/5-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-just-06
Photom Albums Justified Grid

EXAMPLE 6

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Content area: Above albums
  • Text alignment: Center
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Scale in

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Disabled
  • Sorting: Disabled
  • Row target height: 400px
  • Loading mode: Load more
  • Loading effect: Scale up
  • Fancy title: Enabled

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-justified-grid/6-albums-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]