The Hero Content Area allows you to place a single image or series of images in a rotating carousel that takes up the width of the top of a page. It is useful to enhance the information on a page with a strong visual representation. They should not be overused, and most information based pages do not need them. They can also cause slower load times on mobile networks, disrupting the user experience.
- The Hero Content Area is 1600 pixels wide and 500 pixels in height. We recommend using images that are cropped to this size for consistency. For guidance on using Adobe Photoshop to crop your images ahead of time, please use this Knowledge Base document: https://kb.wisc.edu/wiscweb/page.php?id=73864
- Images that are taller than 500 pixels will display the middle 500 pixels. An example of this can be seen in https://wiscweb.wisc.edu/hero-content-area/hero-image/hero-image-uncropped/.
- Images that are shorter than 1600 pixels wide will not scale up. If you upload an image that is 1200 pixels wide, it will be centered and there will be white space on the left and right of the image.
- Hero Images can also have a featured content inset or a headline added. Scroll through the hero carousel above to see examples of each type of Hero content item.
For instructions on using the Hero Content Area to your site, see https://kb.wisc.edu/wiscwebcms/page.php?id=70348