The Grid Gallery element lets you display images in clean, symmetrical grid or masonry layouts. It's ideal for showcasing products, portfolios, team photos, or services — with optional popup viewing and category filtering. For other gallery styles, see Image Galleries.
Adding a Grid Gallery
- 1Navigate to the page where you want the gallery
- 2Click '+Add Element' in the page header bar
- 3Drag the Grid icon from the Gallery section to your preferred location
- 4The settings panel opens automatically — upload images via the file manager
- 5Configure your display settings (images per row, layout type, spacing)
- 6Click 'Apply' to save
You can also use pre-built gallery layouts found under 'Pre-filled sections' in the section templates. These give you a ready-made gallery structure that you can customise with your own images.
Configuration Settings
Key settings include: Gallery title (for administrative use only — not shown to visitors), Images per row (the element auto-calculates image widths), Isotope function (enables shuffle effects and tag filtering), Masonry layout (for varied image dimensions), Square image cropping, Image height adjustment, Popup functionality (opens larger views when clicked), and Gallery margin spacing.
Masonry Layouts
Unlike a fixed grid, masonry galleries accommodate images with varying dimensions without cropping or distortion. Images stack vertically like brickwork, creating an interesting variation on the standard grid layout. This is particularly effective for portfolios or collections where images have different aspect ratios.
Organising Images
Reorder images by dragging and dropping them within the settings interface. Layout changes reflect immediately so you can see the result as you work.
Tagging and Filtering
Tags enable visitors to filter gallery images by category. To use tags, first enable the Isotope function in your gallery settings. Then create your tags in the settings panel and apply them to individual images. Visitors will see filter buttons above the gallery, allowing them to show only the images that match a selected tag.
Deleting a Gallery
Hover over the gallery element and click the bin icon to remove it from the page.
Deleting a gallery removes it from the page, but the original images remain in your File Manager. You won't lose your uploaded files.
Was this helpful?
Related Articles
Image Galleries
Showcase images with banner sliders, grid galleries, before/after sliders, and more.
3 min read
Image Element
Add single images with advanced cropping, responsive sizing, corner styling, animations, and automatic WebP optimisation.
7 min read
Elements & Plugins
Learn about all the drag-and-drop elements available in Limecube — text, images, video, buttons, forms, and more.
5 min readVideo
Still need help?
Submit a Support Ticket