Grid Block

Description

A Grid Block allows you to display content in a neatly organized grid. You can easily put other blocks into the grid, and control its presentation.

You can accomplish the same basic function using columns and rows, but a Grid Block is quicker and more efficient in some situations.

There are tons of uses for a grid, including logos (see the specific Logo Grid Block), posts, locations, team members, highlights/icons, and much more.

Screenshots

Settings

Icon Post Layout Settings

Grid Columns Number

Select the number of columns in your grid, between 1 and 6.

Style & Link Style

These options give you control over the appearance of your grid items. The style options are default and highlight. The link style options are button or no button. If you choose no button, the grid item itself becomes the clickable piece of content.

Icon Post Defaults

Heading Style & Level

These options control the default style of headings in your grid, when you add new grid items.

Paragraph & Button Style

These options control the default style of paragraphs and buttons in your grid, when you add new grid items. The paragraph style dropdown options are based on styles configured under Foundry > Global Styles > Typography. The button style dropdown options are based on styles configured under Foundry > Global Styles > Component Styles > Buttons.

Icon Post Padding

This setting allows you to control the padding around each item in your Grid Block, relative to other grid items and the inside edges of the container.

Icon Post Background

This setting allows you to add a background colour behind all items in your Grid Block, with options based on your palette(s) as configured in Foundry > Global Styles. Within this menu is also a dropdown for spacing, with Align (top-to-bottom) and Justify (left-to-right) options. These options control the position of icons used in your grid.

Advanced

Additional CSS Class(es)

This allows you to enter a unique Class identifier, for custom CSS targeting within the theme to faciliate custom development. More about Theme Customizations.

It also enables the use of Foundry utility classes. More about Utility Classes.