This is a static Component Guide for the DESTINATION framework: the Find Your Energy (FYE) WordPress theme (v1.0.55) plus the Stalwart Blocks plugin (v1.1.22). Open it in a browser and compare it side by side with the legacy CHHS theme guide.
Neither the theme nor the plugin is active on any site yet. Every demo below is a static rendering of the markup WordPress would output, styled with the real compiled theme CSS (style.css), the WordPress core block-library CSS, and each Stalwart block's own CSS, all linked by relative path. Dynamic blocks (SOURCE Stories, Content Query, Trumba Events) use dummy data. Sliders, sticky nav, expander and swipe cards run with the plugin / theme JS.
Each section begins with a yellow label panel: what the component is, how it is registered, where its source lives, its options / ACF fields, and its legacy CHHS equivalent (direct / partial / gap), followed by the demo.
Bars are drawn at their literal pixel width and clipped if the browser window is narrower.
Heading, Paragraph, List, Link, Quote and Table Defaults
THEME
What it is
How core text blocks look with no style variation applied: theme.json element styles (headings in CSU Green Poppins, links in Horsetooth Blue, quote with Energy Green left border) plus style.css.
Registered as
theme.json > styles.elements / styles.blocks
Source
find-your-energy/theme.jsonfind-your-energy/style.css (compiled from assets/scss)
Options / fields
h1 Gargantuan 600; h2 Gigantic 600; h3 Big 500; h4 X-Large 400; h5 Large 400; h6 Medium 400
Headings: Poppins, CSU Green, line-height small (1.2); h1 = 1.4
Links: --wp--custom--color--link = Horsetooth Blue
core/quote: 0.5rem Energy Green left border, 1rem left padding
Button element: Medium size, 500 weight, no border radius
Legacy CHHS equivalent
DIRECT wysiwyg_content (core heading / paragraph); quote; table_slab
Heading 1 - College of Health and Human Sciences
Heading 2 - Preparing healthier communities
Heading 3 - Student success
Heading 4 - Research and discovery
Heading 5 - Outreach and engagement
Heading 6 - Alumni and giving
Paragraph: the College of Health and Human Sciences brings together programs that improve lives across Colorado and the world. This is a default link, and this is strong and emphasized text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Unordered list item one
Unordered list item two
Nested item
Unordered list item three
Ordered list item one
Ordered list item two
Ordered list item three
Our students leave here ready to lead healthier, more resilient communities.
Dean, College of Health and Human Sciences
Department
Undergrad majors
Location
Food Science and Human Nutrition
2
Gifford
Health and Exercise Science
3
Moby
Occupational Therapy
1
Occupational Therapy Bldg
B. Stalwart Blocks (plugin)
Call to Action (default / no style)
BLOCK
What it is
An ACF repeater block that outputs a grid or list of calls to action (image/icon, kicker, heading link, description).
Stay connected and support the next generation of Rams.
Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Traditional (Energy Green)
STYLE
What it is
Static cards with image, kicker, heading and description; Energy Green accent.
Registered as
Block style cards-traditional on stalwart-blocks/call-to-action (label: "Cards | Traditional (Energy Green)")
Stay connected and support the next generation of Rams.
Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Traditional (Oval Green)
STYLE
What it is
Traditional cards using the Oval Green accent.
Registered as
Block style cards-traditional-oval-green on stalwart-blocks/call-to-action (label: "Cards | Traditional (Oval Green)")
Stay connected and support the next generation of Rams.
Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Swipe (Energy Green)
STYLE
What it is
Cards in a horizontally scrolling, draggable row (theme horizontal-scroll.js); Energy Green accent.
Theme expander / swipe JS is linked at the bottom of this page. Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Swipe (Oval Green)
STYLE
What it is
Horizontal swipe cards with the Oval Green accent.
Theme expander / swipe JS is linked at the bottom of this page. Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Expanders
STYLE
What it is
Image cards with an overlay that expands to reveal description and link (theme expander-card.js builds the toggle button and Read more link).
Registered as
Block style cards-expanders on stalwart-blocks/call-to-action (label: "Cards | Expanders")
Stay connected and support the next generation of Rams.
Theme expander / swipe JS is linked at the bottom of this page. Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Cards | Expanders (Swipe)
STYLE
What it is
Expander cards arranged in a horizontal scroll row.
Registered as
Block style cards-expanders-swipe on stalwart-blocks/call-to-action (label: "Cards | Expanders (Swipe)")
Theme expander / swipe JS is linked at the bottom of this page. Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Image List
STYLE
What it is
A vertical list of linked rows, each with a thumbnail image and heading.
Registered as
Block style image-list on stalwart-blocks/call-to-action (label: "Image List")
Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Call to Action: Icon List
STYLE
What it is
A vertical list of linked rows, each with a small icon and heading.
Registered as
Block style icon-list on stalwart-blocks/call-to-action (label: "Icon List")
Static rendering of the PHP template output (ul.stalwart-ctas > li.stalwart-cta-single). Per-instance ids are replaced by demo ids. Images are inline SVG placeholders.
Content Query (default)
BLOCK
What it is
Queries any registered post type and displays results as a filterable grid of cards (or a table) with optional ribbon / pill / kicker term displays.
Data is dummy: the real block runs a WP_Query for any post type and renders each card through templates/cards/default.php (inner HTML), wrapped in li.stalwart-card-traditional[data-terms]. Filters are interactive via content-query-frontend.js (linked). Ribbon / pill term displays use sample terms.
Content Query: Cards | Traditional (Energy Green)
STYLE
What it is
Card styling for the Content Query grid using the Energy Green accent.
Registered as
Block style cards-traditional-energy-green on stalwart-blocks/content-query (label: "Cards | Traditional (Energy Green)")
Clinical practice, assistive technology and community health.
No results match the selected filters.
Data is dummy: the real block runs a WP_Query for any post type and renders each card through templates/cards/default.php (inner HTML), wrapped in li.stalwart-card-traditional[data-terms]. Filters are interactive via content-query-frontend.js (linked). Ribbon / pill term displays use sample terms.
Content Query: Cards | Traditional (Oval Green)
STYLE
What it is
Card styling for the Content Query grid using the Oval Green accent.
Registered as
Block style cards-traditional-oval-green on stalwart-blocks/content-query (label: "Cards | Traditional (Oval Green)")
Clinical practice, assistive technology and community health.
No results match the selected filters.
Data is dummy: the real block runs a WP_Query for any post type and renders each card through templates/cards/default.php (inner HTML), wrapped in li.stalwart-card-traditional[data-terms]. Filters are interactive via content-query-frontend.js (linked). Ribbon / pill term displays use sample terms.
Slider (default / no style)
BLOCK
What it is
An ACF-powered Splide slider (images + text or images only) with loop / fade animation, autoplay toggle and per-slide heading, subtitle, description and links.
Rendered live with the plugin's local Splide JS + slider.js (linked at the bottom of the page). If scripts are blocked, Splide leaves slides hidden. Slide images are inline SVG placeholders. Template quirks noticed: the PHP emits a malformed closing tag (</div"></div">) after slide content (shown here with correct closing tags), and it reads sub-field "subtitle" while the ACF field is named "subheading".
Slider: Default | Purple
STYLE
What it is
Slider color treatment for the slide text panel and controls (Default | Purple).
Registered as
Block style default-purple on stalwart-blocks/slider (label: "Default | Purple")
Layout: Layout (source_layout: grid / feature / horizontal); Columns (source_grid_columns, number); Number of Stories (number_of_stories, number)
Section: Show Section Heading (show_section_heading); Show SOURCE Link (show_source_link); Section Heading Level (section_heading_level); Section Heading (section_heading); Link to SOURCE (source_link, link); Make Link a Button (make_link_a_button)
Card: Show Excerpt (show_excerpt); Show Date (show_date); Image Sizing (stalwart_card_image_sizing: ratio / inherit); Image Ratio (stalwart_card_image_ratio: 1-1, 4-3, 16-9, 2-1); Card Heading Level (card_heading_level); Card Spacing (grid_gap: s / m / l)
Data is dummy: the real block fetches posts from the SOURCE (source.colostate.edu) WordPress REST API at render time and outputs these exact li.stalwart-card-traditional cards. Titles, dates and images here are invented samples.
SOURCE Stories: Enterprise
STYLE
What it is
Enterprise styling for SOURCE story cards (university-brand look).
Registered as
Block style enterprise on stalwart-blocks/source-stories (label: "Enterprise")
Data is dummy: the real block fetches posts from the SOURCE (source.colostate.edu) WordPress REST API at render time and outputs these exact li.stalwart-card-traditional cards. Titles, dates and images here are invented samples.
Sticky Nav Group
BLOCK
What it is
A two-column layout: a sticky on-page navigation (auto-built from child section headings) beside inner content sections.
Mobile breakpoint fixed at 992px (stickyNavBreakpoint global emitted inline)
Legacy CHHS equivalent
GAP none (new in destination)
Admissions
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Student Support
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Careers
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
The nav list is built in the browser by sticky-nav-group.js from the child headings (it is also pre-filled here). stickyNavBreakpoint is defined inline as the template does.
Sticky Nav Item
BLOCK
What it is
A single section inside a Sticky Nav Group; its heading becomes a link in the sticky nav and it contains any inner blocks.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Rendered inside a one-item group because the item block can only exist inside its parent. Item markup: section.sticky-nav-item#<slug> > div.sticky-nav-section-heading > hN, then inner blocks.
Trumba Events
BLOCK
What it is
Displays upcoming events from a Trumba calendar JSON feed as a list (date block, optional event image, linked title).
Core supports: media position left/right, vertical alignment, stacked on mobile, image fill, link, align wide/full, color, spacing
Class: is-style-brushstroke
Legacy CHHS equivalent
PARTIAL callout_slab
Media on left
Learn by doing in the College
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Core: background image/video, overlay color + opacity, focal point, min-height, content position, fixed background, align wide/full
Brush styles supply the background graphic via CSS; overlay color is optional (the cta-cover-starter pattern uses a CSU Green overlay on Brush Texture)
Legacy CHHS equivalent
PARTIAL callout_slab; full_width_image_slab
Brush Texture - is-style-brushstroke-texture
Brush Texture
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Brush Green - is-style-brushstroke-green
Brush Green
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Brush Blue - is-style-brushstroke-blue
Brush Blue
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Brush Purple - is-style-brushstroke-purple
Brush Purple
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Brush Energy - is-style-brushstroke-energy
Brush Energy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Cover: Reverb variants (Ram Reverb)
STYLE
What it is
Cover block with the "Ram Reverb" sound-wave graphic in green, blue or purple.
Registered as
Block styles on core/cover: reverb-green, reverb-blue, reverb-purple
Pattern markup uses overlay color Background (white), is-light, white text
Legacy CHHS equivalent
PARTIAL callout_slab; full_width_image_slab
Reverb Green - is-style-reverb-green
Reverb Green
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Reverb Blue - is-style-reverb-blue
Reverb Blue
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Reverb Purple - is-style-reverb-purple
Reverb Purple
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Columns: Divider variants
STYLE
What it is
Columns block with vertical dividers (horizontal when stacked) and a colored dot marker between columns, in seven brand colors.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Banner Strip
PATTERN
What it is
A thin, colorful strip that features a header and an optional button.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Callout Heading
PATTERN
What it is
A stylized heading with a vertical separator and small text above a large heading.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Media & Text
PATTERN
What it is
A starting point for a fully optioned Media & Text block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Contains: core/cover (alignfull, is-style-brushstroke-texture, CSU Green overlay)
Contains: core/heading (Gargantuan with Bodoni highlight)
Contains: core/group (800px) > paragraph
Legacy CHHS equivalent
PARTIAL callout_slab
Tap Into a Higher Frequency
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Ram Reverb Cover
PATTERN
What it is
A customizable "Ram Reverb" cover block starting point.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Highlight List with Text
PATTERN
What it is
A 2-column layout with text on the left and a highlight list on the right.
Contains: column 2: three groups, each with a big highlighted number + caption
Legacy CHHS equivalent
GAP fast_facts_slab (no direct equivalent; closest idea)
Highlight List Pattern
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Duis aute irure dolor in reprehenderit in voluptate
7
Excepteur sint occaecat cupidatat non proident
2025
Ut enim ad minim veniam, quis nostrud exercitation ullamco
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
This pattern uses the "Icon List" variation of the Call to Action block. Be sure to update the heading level to match your page structure for accessibility, set each link, and replace each image.
Stalwart ACF blocks inside this pattern are rendered with the block's front-end markup from group B, using the pattern's own field values (icon / image attachment IDs replaced with inline SVG placeholders).
This pattern uses the "Image List" variation of the Call to Action block. Be sure to update the heading level to match your page structure for accessibility, set each link, and replace each image.
Stalwart ACF blocks inside this pattern are rendered with the block's front-end markup from group B, using the pattern's own field values (icon / image attachment IDs replaced with inline SVG placeholders).
Pattern: Accordion / Details
PATTERN
What it is
A group of "Details" blocks that form an Accordion
Contains: 3 x core/details (is-style-default, Oval Green background, white text)
Legacy CHHS equivalent
DIRECT accordion_list_slab
This is a "Details" block
You can add whatever blocks you need within each details block.
This is a second "Details" block
To make styling easier, it is best to duplicate the details block when you are done styling it, then edit the content
The last "Details" block in this group
This pattern has these 3 details blocks in a group to make it easier to move around a page.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Accordion / Details Outline
PATTERN
What it is
A group of "Details" blocks that form an Accordion with the "Outline" style
You can change both the background color and the text color
Each of these is using Lovers Lane for the background (outline) color and Oval Green for the text color.
With the details block active, navigate to the panel to the right, then click the "Styles" tab to change colors. Be sure to apply the same styles to all Details blocks in a group for consistency.
This details block has a "Cover" block within it
The "Details" blocks are intended to be flexible, and to make large sections of content easier to navigate.
Rendered from the pattern's block markup with block comments stripped. The placeholder image is an inline SVG (the theme uses fye_get_pattern_placeholder_image_url()).
Pattern: Sticky Nav Section
PATTERN
What it is
A group of sections with a sticky nav for on-page navigation.
Contains: 3 x stalwart-blocks/sticky-nav-item (First / Second / Third Section) with paragraphs
Legacy CHHS equivalent
GAP none (new in destination)
First Section
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Second Section
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Third Section
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Stalwart ACF blocks inside this pattern are rendered with the block's front-end markup from group B, using the pattern's own field values (icon / image attachment IDs replaced with inline SVG placeholders).
E. Theme Template Parts & ACF Fields
Site Header
THEME
What it is
Global site header: CSU brand lockup (ram icon, state name, site title), optional local navigation sub-bar, action button, menu control and search.
Registered as
Template part template-parts/site/site-header.php (included from header.php)
Sample menu items and site name. Fixed/absolute positioning is contained to this panel; the real header is fixed or sticky on the page, so its layout here may differ. The global (mega) navigation panel opened by the Menu button is not rendered.
Site Toolbar
THEME
What it is
Thin CSU universal toolbar above the header with up to four configurable buttons (calendar, directory, news, junk drawer) and the Colorado State University label.
Registered as
Template part template-parts/site/site-toolbar.php
Customize Title Text (customize_title_text); Highlight Text Lines (highlight_text_lines repeater: text, text_color, background_color); Stylize Second Line (stylize_second_line)
Title Background Color / Title Text Color (title_background_color, title_text_color); Use Page Title as Kicker (title_as_kicker); Kicker Background / Color (kicker_background, kicker_color); Font (font); Background Color (background_color); Left Strip Color (left_strip_color)
Image Aspect Ratio (image_aspect_ratio); Featured Image Caption (image_caption)
User Action Box (user_action_box, radio: cta / nav); Description (page_header_description); Buttons (buttons repeater > link); Navigation Heading / Menu (navigation_heading, navigation_menu); Assign Nav to Children (assign_nav_to_children)
Legacy CHHS equivalent
PARTIAL page header
Occupational Therapy
Prepare for a career that helps people live life to the fullest.
Sample data; header color classes now match the local ACF select values and PHP templates.
Page Header: Primary (hero)
THEME
What it is
Hero header with a large featured image, left color stripe, kicker and highlighted multi-line title, followed by the user action box.
Registered as
Template part template-parts/page/page-header-primary.php + user-action-box.php
Customize Title Text (customize_title_text); Highlight Text Lines (highlight_text_lines repeater: text, text_color, background_color); Stylize Second Line (stylize_second_line)
Title Background Color / Title Text Color (title_background_color, title_text_color); Use Page Title as Kicker (title_as_kicker); Kicker Background / Color (kicker_background, kicker_color); Font (font); Background Color (background_color); Left Strip Color (left_strip_color)
Image Aspect Ratio (image_aspect_ratio); Featured Image Caption (image_caption)
User Action Box (user_action_box, radio: cta / nav); Description (page_header_description); Buttons (buttons repeater > link); Navigation Heading / Menu (navigation_heading, navigation_menu); Assign Nav to Children (assign_nav_to_children)
Legacy CHHS equivalent
PARTIAL page header
Students in the clinical skills lab
Academics
Health and Human Sciences
Sample data; header color classes now match the local ACF select values and PHP templates.
Page Header: Secondary (side by side)
THEME
What it is
Side-by-side header: title and user action box on the left on a brushstroke background, image on the right with selectable aspect ratio.
Registered as
Template part template-parts/page/page-header-secondary.php
Customize Title Text (customize_title_text); Highlight Text Lines (highlight_text_lines repeater: text, text_color, background_color); Stylize Second Line (stylize_second_line)
Title Background Color / Title Text Color (title_background_color, title_text_color); Use Page Title as Kicker (title_as_kicker); Kicker Background / Color (kicker_background, kicker_color); Font (font); Background Color (background_color); Left Strip Color (left_strip_color)
Image Aspect Ratio (image_aspect_ratio); Featured Image Caption (image_caption)
User Action Box (user_action_box, radio: cta / nav); Description (page_header_description); Buttons (buttons repeater > link); Navigation Heading / Menu (navigation_heading, navigation_menu); Assign Nav to Children (assign_nav_to_children)
Legacy CHHS equivalent
PARTIAL page header
Occupational Therapy
Sample data; header color classes now match the local ACF select values and PHP templates.
ACF: Theme: Page Header
THEME
What it is
Per-page header options: layout (basic / primary / secondary), highlighted title lines, colors, image ratio and user action box.
Registered as
ACF field group Theme: Page Header (key group_68c1d53d8df02); location: post_type == page
Social Share Icons Display (social_display, true_false)
[tab] Default Image
Default Post Image (default_post_image, image)
Legacy CHHS equivalent
GAP none (new in destination)
Label-only section (ACF field definitions; no visual demo).
ACF: Social Media (options page)
THEME
What it is
Repeater of social platforms and account URLs used in the footer mega-footer. An identical group also ships in stalwart-blocks/acf-json/group_691e43861498f.json.
Registered as
ACF field group Social Media (key group_691e43861498f); location: options_page == social-media
Label-only section (ACF field definitions; no visual demo).
F. All Other Blocks
All Other WordPress Core Blocks
BLOCK
What it is
Every core block directory shipped in WordPress 6.9.4 (106 directories under wp-includes/blocks, including dynamic, widget, query, comment and navigation blocks). Neither the theme nor the plugin restricts allowed blocks, so all of these remain available in the editor.
Registered as
core/<name> (WordPress core)
Source
wp-includes/blocks/*. No allowed_block_types filter found in the theme or plugin.
Options / fields
theme.json disables: custom colors (color.custom = false), default palette, default gradients and custom gradient, default and custom duotone, drop caps, default font sizes; border color / radius / style / width controls are off
Remote (WordPress.org) patterns disabled via should_load_remote_block_patterns = false
Custom pattern category "lists" added
Legacy CHHS equivalent
PARTIAL Legacy theme used ACF slabs rather than the block editor, so most of these have no direct equivalent (paragraph, heading, list, table, image and quote map to wysiwyg_content, table_slab, etc.).
