Home
Getting started
- First steps
- Theme settings
  - Color
  - Typography
  - Layout
  - Corners
  - Components
  - Miscellaneous
- Header
  - Theme settings
  - Page settings
  - Editor
  - Previews
  - Header 1
  - Header 2
  - Header 3
  - Header 4
  - Header 5
  - Header 6
  - Header LP 1
  - Header LP 2
- Footer
- Section extra settings
- Set up blogs
Modules
- General info
- Accordion
- Blog card
- Box over image
- Button
- Column navigation
- Compact card
- Comparison table
- Contact box
- Content card
- Cover card
- Feature card
- Features showcase
- Form
- Gallery
- Go card
- Heading
- Hero slider
- Icon
- Image
- Image box
- Image plus text
- Language selector
- Listing
- Logos
- Mobile navigation
- Modal
- Multi address
- Navigation
- Numbers
- Pillar navigation
- Pricing
- Properties
- Quick action
- Quick features
- Quote
- Review
- Rich text
- Scroll to
- Section extra settings
- Section intro
- Sharing
- Shifter
- Side menu
- Site search
- Steps
- Tabs
- Team card
- Timeline
- Video
- Blog configuration
Articles
Changelog
License
Support policy
Refund policy

Gallery

Use case:

Simple image gallery: grid, slider or thumbnails

Page speed impact:

Low, unless you use very large and unoptimized images for your thumbnails, which may have a Medium or even High impact, especially if placed above-the-fold.

Available in pages:

Yes

Reserved block class:

gallery

Resources:

css/components/gallery.css

Core file included with all templates in templates/_base.html:

js/components/lightbox.js

If slider or thumbnails gallery:

css/components/splide.css

css/components/splide.js