Internal Styles & Resources
Styleguide: Page Template: Hero Rows
last edited October 29, 2025
Heroes & Usage
- Featured Image is Background Image of Hero
- There are "Light Text" and "Dark Text" Hero layouts
- Use "Light Text" as default, but if text lacks contrast over background image, try "Dark Text" instead- text and image overlay are adjusted to help with legibility
- Global Caption Modules
- The caption of the Featured Image should display if populated, showing credit for the image
- Make sure the module is global so visual changes can be made across the site
NEW: 3-13-2025
- Adjusting Row's vertical content orientation (Text, headings, other modules, etc) to bottom, rather than center, which is how its displaying currently
- Consider eliminating the dark-text/lighter photo background?
- see comparison below
Hero with NO TEXT
- Hero for Course & Session Singular Layouts
- Featured Image is Background of Hero
Hero: Standard Height, Left Aligned
- Hero for
- Basic Interal Page Layouts
- Child Page Layouts: Page Parent Name will Dynamically Populate into the 1st Subheading in the hero
- Featured Image is Background of Hero
Hero: Tall Height, Left Aligned
- Hero for
- Featured Image is Background of Hero
Hero: Standard Height, Center Aligned
- Hero for Top-level, Standalone pages that are linked to from elsewhere on the site and sometimes serve as a "subcategory"
- The Page's Featured Image is Background of Hero
Hero: Tall Height, Center Aligned
- Hero for
- Top-level, Parent Pages
- Why NOLS Pages
- Landing Pages
- Featured Image is Background of Hero
Hero: WRMC Inner: Tall Height, Left Aligned
- Hero for
- WRMC Conference
- Featured Image is Background of Hero
Styleguide: Page Template
Wilderness Risk Management Conference
Styleguide: Page Template
.infobox-hero-light Info Box
Styleguide: Page Template
