Content Grid Block Layouts
The Content Grid block has many layout options. See examples below, or visit the demo site.
Related: Content Grid Block
Demo: Content Grid Block
Columns
The classic content grid style. Cells are arranged in orderly, evenly-sized columns. Choose from 2-6 columns, with image size of wide or square. Title and text appear below the image.
Overlay
Titles appear over the images. This style works well when you have short titles.
Large Teaser
Larger thumbnail with title and body text display in a two column list view. This is a great option for a list of items or programs that need more summary text.
Large Teaser Alternate
Same as Large Teaser but gives a nice visual break by alternating the list. Best for shorter lists.
Feature (3 cells only)
Offset (Group of 3 cells)
This is another choice for creating a feature layout with the option to have the larger section on the left or right side. Best with very short and concise summary text. When choosing this style, it will need to be grouped by 3 cells for each section.
Cards
Similar to Columns, but each cell has a drop-shadow that darkens when the cursor hovers over each cell. Choose from 2-6 columns, with image size of wide or square. Title and text appear below the image.
Teaser
Cells are displayed vertically in the classic one column teaser display: a small square thumbnail on the left with title and text on the right.
Tiles
The amount of title and text determines the size of each cell. The height of each image is adjusted to fit next to the title and text.