Photos and videos

[vc_row margin_top=”-50″ type=”1″ bg_repeat=”repeat” padding_top=”60″ padding_bottom=”60″][vc_column el_class=”text-centered”][vc_column_text]

Dial in your perfect photo & video gallery.

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

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

[/vc_column_text][/vc_column][/vc_row][vc_row margin_top=”60″ margin_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38599″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/01-gallery/” css=”.vc_custom_1445187112643{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Masonry

[/vc_column_text][vc_column_text]

EXAMPLE 1

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Layout: Masonry
  • Gap between images: 20px

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Loading mode: Load more
  • Loading effect: None

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/01-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row margin_bottom=”30″ type=”1″ bg_repeat=”repeat” padding_top=”60″ padding_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38597″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/02-gallery/” css=”.vc_custom_1445186472033{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Masonry

[/vc_column_text][vc_column_text]

EXAMPLE 2

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Content area: Below gallery
  • Layout: Masonry

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Gap between images: 2px
  • Loading mode: Lazy loading
  • Loading effect: Scale up

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/02-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row margin_top=”60″ margin_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38603″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/3-gallery/” css=”.vc_custom_1445187962724{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Grid

[/vc_column_text][vc_column_text]

EXAMPLE 3

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 1×1

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Gap between images: 20px
  • Loading mode: Load more
  • Loading effect: None

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/3-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row margin_bottom=”30″ type=”1″ bg_repeat=”repeat” padding_top=”60″ padding_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38607″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/4-gallery/” css=”.vc_custom_1445188384859{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Grid

[/vc_column_text][vc_column_text]

EXAMPLE 4

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 3×2

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Gap between images: 10px
  • Loading mode: AJAX pagination
  • Loading effect: Flip

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/4-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row margin_top=”60″ margin_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38611″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/5-gallery/” css=”.vc_custom_1445189317676{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Justified Grid

[/vc_column_text][vc_column_text]

EXAMPLE 5

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Layout: Justified Grid
  • Row target height: 180px

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Gap between images: 0px
  • Loading mode: Load more
  • Loading effect: None

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/5-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row margin_bottom=”-51″ type=”1″ bg_repeat=”repeat” padding_top=”60″ padding_bottom=”30″][vc_column width=”1/3″ offset=”vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=”38622″ img_size=”559×384″ alignment=”center” onclick=”custom_link” link=”http://the7.dream-demo.com/gallery/photos-videos/6-gallery/” css=”.vc_custom_1445190124759{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}”][vc_empty_space height=”40px”][/vc_column][vc_column width=”2/3″ offset=”vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Gallery Justified Grid

[/vc_column_text][vc_column_text]

EXAMPLE 6

[/vc_column_text][vc_empty_space height=”25px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Layout: Justified Grid
  • Row target height: 200px

[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list dividers=”false”]

  • Gap between images: 6px
  • Loading mode: Lazy loading
  • Loading effect: None

[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”20px”][dt_button link=”http://the7.dream-demo.com/gallery/photos-videos/6-gallery/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button][vc_empty_space height=”30px”][/vc_column][/vc_row]

Scroll to Top