Albums masonry

Dial in your perfect masonry photo albums.

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

album-browser-the7-3-mas-01
Photo Albums Masonry

EXAMPLE 1

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Hover miniatures: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Scale up

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-masonry/1-albums-masonry/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-mas-02
Photo Albums Masonry

EXAMPLE 2

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Disabled
  • Hover miniatures: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Fade in

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-masonry/2-albums-masonry/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-mas-03
Photo Albums Masonry

EXAMPLE 3

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Enabled
  • Hover miniatures: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Move up

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-masonry/3-albums-masonry/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-mas-04
Photo Albums Masonry

EXAMPLE 4

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: On images
  • Text alignment: Center
  • Hover layout: Colored background
  • Hover animation: Scale in

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover miniatures: Enabled
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Lazy load
  • Loading effect: Flip

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-masonry/4-albums-masonry/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-mas-05
Photo Albums Masonry

EXAMPLE 5

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Content area: Before albums
  • Text position: On images
  • Text alignment: Center
  • Hover layout: In the bottom

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover miniatures: Disabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Fade in

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/gallery/albums-masonry/5-masonry-photo-albums/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
album-browser-the7-3-mas-06
Photo Albums Masonry

EXAMPLE 6

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: On images
  • Text alignment: Left & top
  • Hover layout: Colored background
  • Hover amination: Reverse direction aware

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover miniatures: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Fade in

[/dt_vc_list]

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