EverWeb Widgets

ThemeKit Snap Gallery

Slide [1]

Snap

The first item is overlapped by giving the header a negative bottom margin.

Slide [2]

Grid

The grid layout allows the the text to overlap the image using column start and span.

Slide [3]

Even & Odd

Odd & even item layout can be switched by checking a box.

Slide [4]

Vertical Overlap

The image overlap is created using a negative top margin on all the <figure> elements apart from the first one.

Slide [5]

Horizontal Overlap

This can be adjusted using the value set for grid-column gap.