> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Gallery mosaic

> Up to 12 photographs in a mosaic of regular, tall and wide tiles, each with an optional link and caption.

![Gallery mosaic on the storefront](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/gallery-mosaic.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=b7f43a16e40e822157c8dbe8eeba3dcb)

Gallery mosaic, highlighted with the demo content

## Where to find it

Home page. In the theme editor choose Home page, then select Gallery mosaic.

## How it works

* Images fill a four-column grid on desktop and two columns on phones.
* Tall images take two rows and wide images two columns. The grid fills the gaps by itself.
* A caption shows over the bottom of the image.

![Gallery mosaic in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-gallery-mosaic.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=25cc51ca2a8b27b3991ddcdb87ca0760)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Add an Image block per photograph and choose its Size: Regular, Tall or Wide.
* Add a Link to a product, collection or story, and a Caption if you like.
* Edit Heading, Link label and Link, for example Open the gallery to your gallery page.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Heading** | Text. Default: From the gallery. |
| **Link label** | Text. Default: Open the gallery. |
| **Link** | Link: a page, product, collection or web address. |

> [!TIP]
>
> Images fill a four-column grid on desktop and two columns on phones. Tall images take two rows and wide images two columns; the grid closes the gaps.

## Blocks

Up to 12 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Image

| Setting | What it does |
| - | - |
| **Image** | Image: upload one or choose from Content → Files. |
| **Size** | Options: Regular, Tall, Wide. Default: Regular. |
| **Link** | Link: a page, product, collection or web address. |
| **Caption** | Text. Optional. Shown over the bottom of the image. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.