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.
- 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 captions added. An example of this can be seen at https://wiscweb.wisc.edu/hero-content-area/hero-image/hero-image-caption/.
For instructions on using the Hero Content Area to your site, see https://kb.wisc.edu/wiscwebcms/page.php?id=70348