Skip to Main content

Box List

Web Style Guide

The Box List content layout creates a series of elements in styled boxes. Each element contains editable sections for an image, title, description, and add-on text. Images can be deleted or sections left empty to omit them from the layout.

Grid Enabled

The Box List layout is built on the Grid System, so all of the grid options can be applied in order to control the layout of the blocks.

Examples

By default, the layout consists of one item per row using the “Maximum Columns: 1” option.

Roscoe
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.
Bella posing on the mall while holding up the ram hand
Bella
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.
Dominic Portraits
Dominic
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.

 In the following example, the “Maximum Columns: 1” option has been removed, and the “Maximum Columns: 2” option has been applied in order to create a grid layout rather than a vertical list.

Roscoe
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.
Bella posing on the mall while holding up the ram hand
Bella
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.
Dominic Portraits
Dominic
Additional Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor, ante eleifend facilisis posuere, mi velit pretium lacus, sed maximus ipsum mauris id sem.