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.  

Zoom image: Example of a website with a hero-sized image. Example of a website with a hero-sized image.

Example of a website with a hero-sized image.

See an Example

Master Classes

Was This Information Helpful?

 
(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)
(Required)