© All rights reserved.
Design Mantra Design Mantra
  • Home
  • Pages
    • Column 1
      • About
        • About Classic
        • About Modern
        • About Minimal
        • About Colorful
    • Column 2
      • Services
        • Services Classic
        • Services Modern
        • Services Minimal
        • Services Colorful
    • Column 3
      • Contact
        • Contact Classic
        • Contact Modern
        • Contact Minimal
        • Contact Colorful
    • Column 4
      • Various
        • Pricing Classic
        • Pricing Modern
        • Pricing Colorful
        • FAQ Classic
        • FAQ Modern
    • Column 5
      • Various
        • Careers
        • Careers single
        • Search results
        • Login
    • Column 6
      • Utility pages
        • 404 custom 1
        • 404 custom 2
        • Maintenance 1
        • Maintenance 2
  • Blog
    • Blog – demo
    • Post layouts
      • Left sidebar
      • Right sidebar
      • No sidebar
      • Custom layout
    • Post formats
      • Standard
      • Image
      • Gallery
      • Video – YouTube
      • Video – Vimeo
      • Video – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Audio – Self-hosted
      • Quote
  • Works
    • Portfolio – demo
    • Single Item Formats
      • Image slider
      • Image carousel
      • Vertical gallery
      • Grid gallery
      • Audio – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Video – Self-hosted
      • Video – YouTube
      • Video – Vimeo
      • Full screen intro
      • Before-after slider
      • macOS app design
      • Brand identity
      • App development
    • Single Item Layouts
      • Top one column
      • Top two columns
      • Bottom one column
      • Bottom two columns
      • Left sidebar
      • Left sticky sidebar
      • Right sidebar
      • Right sticky sidebar
  • Elements
    • Column 1
      • Text
        • Headings
        • Split text
        • Typed text
        • List item
      • Structure
        • Expandable list
        • Tabs
        • Tours
        • Accordion
        • Columns
        • Content box
    • Column 2
      • Media
        • Image element
        • Image box
        • Image with caption
        • Image cascade
        • Image gallery
        • Image carousel
        • Video button
        • Video player
      • Decoration
        • Dividers
        • Section dividers
    • Column 3
      • General Content
        • Icons
        • Service box
        • Testimonial
        • Testimonial slider
        • Team member
        • Rating
        • Message box
        • Pricing box
        • Social icons
        • Modals
        • Content slider
        • Contact form
    • Column 4
      • Interactive
        • Buttons
        • Steps
        • Banner
        • Before/after comparison
        • Google Maps
      • Infographics
        • Progress bar
        • Counter
        • Countdown
        • Progress circle
  • Features
    • Feature Overview
    • Headers
      • Header style 1
      • Header style 2
      • Header style 3
      • Header style 4
      • Header style 5
      • Header style 6
      • Header style 7
      • Header style 8
      • Header style 9
      • Header style 10
      • Header style 11
    • Hero section
      • Layout 1
      • Layout 2
      • Layout 3
      • Layout 4
      • Layout 5
      • Layout 6
      • Custom content
    • Page navigation
      • Circles
      • Circles with labels
      • Lines
      • Lines with labels
      • Vertical lines
      • Vertical lines labels
      • Sidebar navigation
    • Full screen slider
      • Default animation
      • Slight overlap
      • Strong overlap
      • Scale down
      • Scale up
    • Footer
      • Classic light footer
      • Classic dark footer
      • One column light footer
      • One column dark footer
      • Centered light footer
      • Centered dark footer
      • Strip light footer
      • Strip dark footer
    • Backgrounds
      • Segmented
      • Animated 1
      • Animated 2
    • Icon packs
    • GDPR
  • Shop
    • Column 1
      • Shop layout
        • 2 columns
        • 3 columns
        • No sidebar
        • Only categories
        • Left sidebar
        • Right sidebar
        • Shop custom
    • Column 2
      • Product layout
        • Small gallery
        • Medium gallery
        • Large gallery
        • Thumbnails on the left
        • Thumbnails below
    • Column 3
      • Utility pages
        • My account
        • Checkout
        • Cart
        • Explore more than 1000 items from world-famous brands

          Shop now
    • New
      Arrivals
      Browse collection
0
0
Design Mantra

Image Gallery

Display a large number of images, portfolio or work examples.

Image gallery is pretty much similar to a portfolio grid. It can display a large number of images using one of the available styles, namely masonry, metro and boxed. Additionally, metro layout has multiple unique predefined grid layouts to make your galleries look unique.

Masonry

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Illegal string offset 'width' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: Illegal string offset 'height' in /home/thedesignmantra/public_html/wp-content/plugins/scape-core/include/templates/vc_scape_image_grid.php on line 130

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: A non-numeric value encountered in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Warning: Division by zero in /home/thedesignmantra/public_html/wp-content/themes/scape/inc/custom-functions.php on line 268

Image galleries have many settings, which allow to create truly different image layouts and looks.

ross-sneddon-1053930-unsplash
guilherme-stecanella-708363-unsplash
tim-patch-802104-unsplash
taneli-lahtinen-1027372-unsplash
Metro

In addition to standard multi-column layouts, metro style has 8 unique predefined image layouts to help your galleries stand out.

guilherme-stecanella-708363-unsplash
ross-sneddon-1053930-unsplash
tim-patch-802104-unsplash
taneli-lahtinen-1027372-unsplash
jan-henrik-franz-1063148-unsplash

In addition to standard multi-column layouts, metro style has 8 unique predefined image layouts to help your galleries stand out.

tim-patch-802104-unsplash
taneli-lahtinen-1027372-unsplash
guilherme-stecanella-708363-unsplash
ross-sneddon-1053930-unsplash
mila-zasou-569202-unsplash
paula-may-536247-unsplash

Notice the appearance animations, border radius and overlay colors – they can be changed as well! The following image gallery also has a lightbox attached so you can see a full version of an image.

ross-sneddon-1053930-unsplash
guilherme-stecanella-708363-unsplash
jan-henrik-franz-1063148-unsplash
daniel-lepik-1056212-unsplash
taneli-lahtinen-1027372-unsplash
Boxed

You can also control the aspect ratio of the images in the image gallery, making them form aligned rows or have their initial aspect ratio to create a masonry style grid.

mila-zasou-569202-unsplash

Product

  • Home
  • Pages
    • Column 1
      • About
        • About Classic
        • About Modern
        • About Minimal
        • About Colorful
    • Column 2
      • Services
        • Services Classic
        • Services Modern
        • Services Minimal
        • Services Colorful
    • Column 3
      • Contact
        • Contact Classic
        • Contact Modern
        • Contact Minimal
        • Contact Colorful
    • Column 4
      • Various
        • Pricing Classic
        • Pricing Modern
        • Pricing Colorful
        • FAQ Classic
        • FAQ Modern
    • Column 5
      • Various
        • Careers
        • Careers single
        • Search results
        • Login
    • Column 6
      • Utility pages
        • 404 custom 1
        • 404 custom 2
        • Maintenance 1
        • Maintenance 2
  • Blog
    • Blog – demo
    • Post layouts
      • Left sidebar
      • Right sidebar
      • No sidebar
      • Custom layout
    • Post formats
      • Standard
      • Image
      • Gallery
      • Video – YouTube
      • Video – Vimeo
      • Video – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Audio – Self-hosted
      • Quote
  • Works
    • Portfolio – demo
    • Single Item Formats
      • Image slider
      • Image carousel
      • Vertical gallery
      • Grid gallery
      • Audio – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Video – Self-hosted
      • Video – YouTube
      • Video – Vimeo
      • Full screen intro
      • Before-after slider
      • macOS app design
      • Brand identity
      • App development
    • Single Item Layouts
      • Top one column
      • Top two columns
      • Bottom one column
      • Bottom two columns
      • Left sidebar
      • Left sticky sidebar
      • Right sidebar
      • Right sticky sidebar
  • Elements
    • Column 1
      • Text
        • Headings
        • Split text
        • Typed text
        • List item
      • Structure
        • Expandable list
        • Tabs
        • Tours
        • Accordion
        • Columns
        • Content box
    • Column 2
      • Media
        • Image element
        • Image box
        • Image with caption
        • Image cascade
        • Image gallery
        • Image carousel
        • Video button
        • Video player
      • Decoration
        • Dividers
        • Section dividers
    • Column 3
      • General Content
        • Icons
        • Service box
        • Testimonial
        • Testimonial slider
        • Team member
        • Rating
        • Message box
        • Pricing box
        • Social icons
        • Modals
        • Content slider
        • Contact form
    • Column 4
      • Interactive
        • Buttons
        • Steps
        • Banner
        • Before/after comparison
        • Google Maps
      • Infographics
        • Progress bar
        • Counter
        • Countdown
        • Progress circle
  • Features
    • Feature Overview
    • Headers
      • Header style 1
      • Header style 2
      • Header style 3
      • Header style 4
      • Header style 5
      • Header style 6
      • Header style 7
      • Header style 8
      • Header style 9
      • Header style 10
      • Header style 11
    • Hero section
      • Layout 1
      • Layout 2
      • Layout 3
      • Layout 4
      • Layout 5
      • Layout 6
      • Custom content
    • Page navigation
      • Circles
      • Circles with labels
      • Lines
      • Lines with labels
      • Vertical lines
      • Vertical lines labels
      • Sidebar navigation
    • Full screen slider
      • Default animation
      • Slight overlap
      • Strong overlap
      • Scale down
      • Scale up
    • Footer
      • Classic light footer
      • Classic dark footer
      • One column light footer
      • One column dark footer
      • Centered light footer
      • Centered dark footer
      • Strip light footer
      • Strip dark footer
    • Backgrounds
      • Segmented
      • Animated 1
      • Animated 2
    • Icon packs
    • GDPR
  • Shop
    • Column 1
      • Shop layout
        • 2 columns
        • 3 columns
        • No sidebar
        • Only categories
        • Left sidebar
        • Right sidebar
        • Shop custom
    • Column 2
      • Product layout
        • Small gallery
        • Medium gallery
        • Large gallery
        • Thumbnails on the left
        • Thumbnails below
    • Column 3
      • Utility pages
        • My account
        • Checkout
        • Cart
        • Explore more than 1000 items from world-famous brands

          Shop now
    • New
      Arrivals
      Browse collection

Company

  • Home
  • Pages
    • Column 1
      • About
        • About Classic
        • About Modern
        • About Minimal
        • About Colorful
    • Column 2
      • Services
        • Services Classic
        • Services Modern
        • Services Minimal
        • Services Colorful
    • Column 3
      • Contact
        • Contact Classic
        • Contact Modern
        • Contact Minimal
        • Contact Colorful
    • Column 4
      • Various
        • Pricing Classic
        • Pricing Modern
        • Pricing Colorful
        • FAQ Classic
        • FAQ Modern
    • Column 5
      • Various
        • Careers
        • Careers single
        • Search results
        • Login
    • Column 6
      • Utility pages
        • 404 custom 1
        • 404 custom 2
        • Maintenance 1
        • Maintenance 2
  • Blog
    • Blog – demo
    • Post layouts
      • Left sidebar
      • Right sidebar
      • No sidebar
      • Custom layout
    • Post formats
      • Standard
      • Image
      • Gallery
      • Video – YouTube
      • Video – Vimeo
      • Video – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Audio – Self-hosted
      • Quote
  • Works
    • Portfolio – demo
    • Single Item Formats
      • Image slider
      • Image carousel
      • Vertical gallery
      • Grid gallery
      • Audio – Self-hosted
      • Audio – SoundCloud
      • Audio – Spotify
      • Video – Self-hosted
      • Video – YouTube
      • Video – Vimeo
      • Full screen intro
      • Before-after slider
      • macOS app design
      • Brand identity
      • App development
    • Single Item Layouts
      • Top one column
      • Top two columns
      • Bottom one column
      • Bottom two columns
      • Left sidebar
      • Left sticky sidebar
      • Right sidebar
      • Right sticky sidebar
  • Elements
    • Column 1
      • Text
        • Headings
        • Split text
        • Typed text
        • List item
      • Structure
        • Expandable list
        • Tabs
        • Tours
        • Accordion
        • Columns
        • Content box
    • Column 2
      • Media
        • Image element
        • Image box
        • Image with caption
        • Image cascade
        • Image gallery
        • Image carousel
        • Video button
        • Video player
      • Decoration
        • Dividers
        • Section dividers
    • Column 3
      • General Content
        • Icons
        • Service box
        • Testimonial
        • Testimonial slider
        • Team member
        • Rating
        • Message box
        • Pricing box
        • Social icons
        • Modals
        • Content slider
        • Contact form
    • Column 4
      • Interactive
        • Buttons
        • Steps
        • Banner
        • Before/after comparison
        • Google Maps
      • Infographics
        • Progress bar
        • Counter
        • Countdown
        • Progress circle
  • Features
    • Feature Overview
    • Headers
      • Header style 1
      • Header style 2
      • Header style 3
      • Header style 4
      • Header style 5
      • Header style 6
      • Header style 7
      • Header style 8
      • Header style 9
      • Header style 10
      • Header style 11
    • Hero section
      • Layout 1
      • Layout 2
      • Layout 3
      • Layout 4
      • Layout 5
      • Layout 6
      • Custom content
    • Page navigation
      • Circles
      • Circles with labels
      • Lines
      • Lines with labels
      • Vertical lines
      • Vertical lines labels
      • Sidebar navigation
    • Full screen slider
      • Default animation
      • Slight overlap
      • Strong overlap
      • Scale down
      • Scale up
    • Footer
      • Classic light footer
      • Classic dark footer
      • One column light footer
      • One column dark footer
      • Centered light footer
      • Centered dark footer
      • Strip light footer
      • Strip dark footer
    • Backgrounds
      • Segmented
      • Animated 1
      • Animated 2
    • Icon packs
    • GDPR
  • Shop
    • Column 1
      • Shop layout
        • 2 columns
        • 3 columns
        • No sidebar
        • Only categories
        • Left sidebar
        • Right sidebar
        • Shop custom
    • Column 2
      • Product layout
        • Small gallery
        • Medium gallery
        • Large gallery
        • Thumbnails on the left
        • Thumbnails below
    • Column 3
      • Utility pages
        • My account
        • Checkout
        • Cart
        • Explore more than 1000 items from world-famous brands

          Shop now
    • New
      Arrivals
      Browse collection

Information

Subscribe to newsletter

© 2019 Scape Theme by Whitebox Studio

in
F.A.Q
Support Forum
Video Tutorials

Search panel can contain any widgets and shortcodes.

Call us: 0 800 255 22 55