Block: Gallery

Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, and the maximum number of columns is eight.

Below is a three column gallery at full width, with cropped images.

Some more text for taking up space.

A two column gallery, aligned to the left, linked to media file.

In the editor, the image captions can be edited directly by clicking on the text.

If the number of images cannot be divided into the number of columns you have selected, the default is to have the last image(s) automatically stretch to the width of your gallery.

A four column gallery with a wide width:

A five column gallery with normal images:

This is the same gallery, but with cropped images.

Six columns: does it work at all window sizes?

Seven columns: how does this look on a narrow window?

Eight columns:

Block: Image

Block: Image

Welcome to image alignment! If you recognize this post, it is because these are blocks that have been…
Abaci hits the cool lists

Abaci hits the cool lists

Big thanks to @lateralview for featuring our type scale calculator app, Abaci, in their newsletter Elevate. Elevate is their update…
Block: Button

Block: Button

Button blocks are not semantically buttons, but links inside a styled div.  If you do not add a…
Kit Bundle Discounts

Combine a visual identity and website kit for bigger discounts.