Skip to main content

Gallery Section

This Gallery section is a grid of images with titles / captions. By default it displays five columns of images. To change the layout, choose one of the grid options.

There is no limit to the number of items you can add to a Gallery section, but according to Miller's Law, ten seems like a reasonable maximum.

When to Use​

Use the Gallery section to display featured projects, credits and clients.

Data Structure​

Position
Where the section appears in the order of all page sections.

Class
The class name of the section element for styling purposes.

Title
This is an H2 tag

Subtitle
Text below the title that uses a P tag.

Items
Each gallery-item is simply an object with an image and a title/caption. The title shows as typed, without Markdown or HTML.

Gallery items do not include a link. If you need a link, use the Item Category Section.

Items can be drag and dropped to reorder.

Grid Class Name
The layout of the items. See Grid Options.

Button Text
The text for the CTA button.

Button Path
The pathname of the page clicking the CTA button links to.

Button Class
See the available button classes (coming soon).

Examples​