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

  • Page layout: Full-width
  • Layout: Masonry
  • Gap between images: 20px
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Loading mode: Load more
  • Loading effect: None
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[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″]

  • Page layout: Content-width
  • Content area: Below gallery
  • Layout: Masonry
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Gap between images: 2px
  • Loading mode: Lazy loading
  • Loading effect: Scale up
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[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″]

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 1×1
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Gap between images: 20px
  • Loading mode: Load more
  • Loading effect: None
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[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″]

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 3×2
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Gap between images: 10px
  • Loading mode: AJAX pagination
  • Loading effect: Flip
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[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″]

  • Page layout: Full-width
  • Layout: Justified Grid
  • Row target height: 180px
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Gap between images: 0px
  • Loading mode: Load more
  • Loading effect: None
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[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″]

  • Page layout: Content-width
  • Layout: Justified Grid
  • Row target height: 200px
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Gap between images: 6px
  • Loading mode: Lazy loading
  • Loading effect: None
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row]