Transforming UB’s digital communications.
Photo: Full Width Hero Image
Prominent screen-wide image for home or single-column pages.
On this page:
Last Reviewed: April 20, 2022
Overview
This feature is a standard option in components that have an image such as the Photo Component and page Properties.
Once engaged, your component will stretch to fill the entire screen width, maintaining its size ratio.
Brand and Stewardship Considerations
Because of its prominent placement and size, high quality images are needed, that further your strategic messaging and our UB brand, supported by regular evaluation and assessment.
Implementation
To engage it, open the component, navigate to the Image Properties tab, then choose Image Size = "Full width hero."
Once engaged, your component will stretch to fill the entire screen width, maintaining its size ratio.
Once engaged, your component will stretch to fill the entire screen width, maintaining its size ratio.
Example of a website with a hero-sized image.