Column Block
Web Style Guide
The Column Block is a flexible content layout that allows you to create a set of columns that each contain an image followed by text.
Grid Enabled
The Column Block 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
2 Columns
By default, the layout is a Wide Block, but that can be disabled by unchecking the option in the Formats menu, as in this example.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
2x2 Grid
This example uses the “Maximum Columns: 2” option to restrict how many columns will fit in each row.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
3 Column Wide Block
This example keeps the Wide Block option enabled and does not restrict the maximum columns, allowing all three columns to fit in the row.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
Subtitle Ipsum Optional
Title with an optional link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.