Home Page: Hero Region

The hero region is the large image or image gallery at the top of your home page, or index.pcf file. Check in the page and click 'Properties' to manage this section.

View the Hero options below, or view the Best Practices section for more information.

NOTE: If you just want a single image in your hero section, an alternative to managing the hero region using page properties would be to instead use the Single Photo Hero Image snippet. Learn more about it.

Hero Options

These options allow you to choose the hero region display type, or turn it off completely.

Hero height

The hero region uses an Modern Campus CMS LDP gallery asset. With a multi-image gallery, you can choose to hide the marquee dots or arrows. To use multiple images in the hero, simply upload multiple images into the gallery. All images should be the same size, and you would use the EXACT SAME text for each image.

Hero Image Specs

Large Image Size: 1960 x 700 (for full-width - most common)
Small Image Size: 960 x 380 (for inset - less common)

Home Page Gallery images should be cropped to this size or can be larger, as long as they maintain a 2.8 : 1 aspect ratio.

Note: If you choose 'Shorter Height' when configuring the Hero Region options, the image depth will be trimmed at the top AND the bottom to a height of 400 pixels, so figure 50 pixels will be removed from top and bottom. Be aware of that when selecting images for the Hero Region and deciding whether to use 'Shorter Height.'