Page Content Sections - Hero Image Section

The Hero Image Section places a wide visual image on a page. It's great for strong visual openers, linked promotional graphics, or banner-style images between other sections.

On Landing pages, the image spans the full browser width. On Default pages, it fills the main content column. This section shows only the image — no headline, caption, or text overlay.

Adding one to a page

1. Open the page you want to edit.
2. In Page Content, click Add new section and choose Hero Image Section.
3. Enter a Section Title (internal only).
4. Upload or select the Hero Image and crop it to the required 8:3 aspect ratio. Recommended size: 1920x720 to 2880x1080 pixels.
5. Add Alt Text describing the image.
6. Optionally enter a Link URL to make the image clickable. Use a path like /events for internal links or a full URL for external links.
7. Turn on Open in New Window if the link should open in a new tab.
8. Make sure Active is on.
9. Save the page.

Tips

• Start with a wide image so the 8:3 crop is easier to manage.
• Keep important content away from the extreme edges.
• Use clear, descriptive alt text.
• If the image needs context, add a Simple Text Section above or below it.
• Keep the file optimized for faster page loading.

Related topics

• Pages - Page and section management.
• Media Library - Image uploads and cropping.
• Hero Video Section - When you want a video instead.