Stats Grid Block

The Stats Grid theme block can be used to display statistics and points of pride in a visually appealing, eye-catching and easy-to-scan format.

Stats Grid Block Guidelines

• Use the Stats Grid block to present statistics or points of pride as numbered figures, percentages or ratios.
• Use brief facts that include numerical content, e.g. years, measurements, etc.
• Every statistic should include a supporting description for context. Keep these descriptions as brief as possible.
• Avoid formatting content that is not statistical or numerical (titles, headers, paragraphs).
• Use of this block for purposes other than intended is discouraged and may not be supported.

How to Configure the Stats Grid Block

• In the block editor, click on the blue box with the plus sign located at the top left of the page. The alternative text for this link is called “toggle block inserter”. This will open a menu of available blocks to select from.

• A list of blocks sorted into 6 groups will be displayed. Scroll down to the group called THEME and click on the block called Stats Grid. This will add the block to your page.
• Each block comes with its own toolbar that appears on top of the block. The buttons change depending on the block you are editing. This is what the Stats Grid toolbar looks like:

• Note: To move your block text fields from the narrow right column to the middle of your editor, go to the block’s toolbar and click on the pencil icon. This will move the fields to the middle of the page. If you want to preview the page as you are building it, click on the monitor icon and the text fields will move back to the right side of the editor. You can toggle between these two options.

Content Fields

• Title: This is a required field. Content entered here will appear as the Stats Grid block header text.
• Header Link: This is an optional, but recommended, URL field. This creates a dedicated link near the header that can take the user to another page with content related to the stats or pride points included in the panel.
• Description: This field may be used to help provide additional context to the information being displayed in the Stats Grid block. This content should be exclusively text and kept brief for design purposes.
• Stats: A default of one stat is present when the block is created. Additional stats can be added by selecting “Add Stat”. It is recommended that the Stats Grid block have a minimum of two stats.

Settings Fields

Custom Language: Language options that will generate markup signifying that content as being in the selected language.

Background: Defaults to blue. The choices for background color are white, orange, blue or gray.

Layout: There is only one layout: Inline.

• Stat Card Columns: Select a two, three, or four-column layout option. If you have 4 stats and pick a 2 card column layout, there will be 2 stats stacked in each column. The other option is to select 4 card columns and one stat will display horizontally per card column.
• Heading Size: The block title will appear on the page as an H2 heading. Do not change this to an H1 heading unless otherwise directed.
• Add Top Padding: Defaults to Yes for the standard empty space above the block. You can change it to No if you want less empty space between blocks, but the recommendation is to leave it set to Yes for better accessibility.
• Add Bottom Padding: Defaults to Yes for the standard empty space below the block. You can change it to No if you want less empty space between blocks, but the recommendation is to leave it set to Yes for better accessibility.