Your layout decides how the images in a gallery are arranged, sized and spaced. This page explains what the layout does for you, what you can still change, and what each layout looks like.
Why you cannot set gaps and sizes by hand
The layout places the images itself. In the three Tiled layouts that have a menu, the images in a gallery fit together like a mosaic: each image keeps its own proportions, and they are packed into columns so that tall and wide images sit together without large gaps. The number of columns depends on the width of the visitor's screen, from two on a phone to four on a large screen, so the gallery looks right on every device. There is no setting for the gap between images or for how large each one is, because a fixed value that suits a large screen would not suit a phone.
You can control what goes into the gallery and in what order: see Change the Order of Images in a Gallery.
What you can set
- Layout. Choosing a different layout changes the arrangement everywhere at once, and your galleries stay as they are. See Change Your Layout and Colour Scheme.
- Feature Image Size. On the Advanced page, in the Images section, this sets the largest size an image shows at on its own artwork page, in pixels. It does not change the thumbnails in a gallery.
- The feature image of a gallery. On layouts that show a gallery list, each gallery appears as one image. See Select a Gallery's Feature Image.
- Image quality. A gallery can only look as sharp as the files you upload: see If an Image Looks Wrong After Upload.
The layouts
These are the names on the Layout page, in Settings. Select one there and its description appears beside the list, with an example of how it looks.
- Tiled with Top Menu. A tiled gallery with a fixed menu across the top. On a phone, a menu icon at the top left opens the menu.
- Tiled with Slideout Menu. A tiled gallery with a menu on the left that slides out when you select the menu icon.
- Tiled with Left Menu. A tiled gallery with a menu fixed on the left side.
- Tiled. Gallery thumbnails shown in three columns that adjust to the screen.
- Filmstrip. Gallery images shown as large as the screen allows, in a slide show the visitor controls.
- Matted (Rounded Corners) [classic] and Matted (Square Corners) [classic]. Each image sits on a mat, and thumbnails for choosing a gallery are three columns wide.
- Horizontal Scrolled [classic]. Gallery thumbnails scroll sideways along the bottom of the window.
- Vertical [classic]. Gallery thumbnails are stacked down the left side.
- Minimalistic [classic]. A clean, simple format that is left aligned.
The three Tiled layouts with a menu adjust themselves for large screens, tablets and phones. A layout marked [classic] is one of our older designs.