Image Dimension and Display Information

Quick links

News and Events: 
Featured Image | Listing Page Image | Content Images | Drumroll Images

All other content:
Carousel | Slideshow | Testimonial | The Latest | Feature - Full width | Feature - 2 columns | Feature - Two thirds | Feature - 3 columns | Video Feature | Impact | Numbers | Story Feature | Video Hero | Ambient Hero

News and Events Images

The Featured Image displays on the News Item Detail page and as the primary image when Featured. It will also display on the News Listing page if the Listing Page Image field is not used.

  • Vertical / Portrait / Square will crop vertical images to a vertical aspect ratio. It will crop horizontal images to a square. 
    Width: 607px, height variable.

  • Horizontal / Landscape will crop any image to a wide aspect ratio. 
    Width: 1080px, height variable.

Listing Page Image

This image displays on the News Listing Page only. If none is selected, the Featured Image will appear instead.
Width: 334px, height 335px.

Content Images

Images added into the content have 3 different display settings. Additionally, the alignment can be set to Left, Center, Right, and None. 

  • Inline - Square (400×400). Width: 400px, height 400px.
  • Inline - Wide (600×400)
  • Original size will offer no cropping or resizing but will not exceed the maximums of the page.

Drumroll Images (Supplemental images)

Images from Drumroll published items will appear below the content, squared to allow two per line.
Width: 334px, height 335px.

Other Content Images

Images uploaded should always be at least as large as the height and width specified.

Carousel

The image display set programmatically by theme. 

  • Carousel (708×596)
    carousel > slide__carousel using carousel view mode

Slideshow

The image display set programmatically by theme.

  • Gallery (854×640)

Testimonial

The image display set programmatically by theme.

  • Testimonal (828×465)

The Latest

The "Content Block" paragraph allows for an image inclusion. The image display set programmatically by theme.

  • The Latest - Content Block (372×372)

Feature - Full width

The image display set programmatically by theme.

  • Original image, 759 width, variable height

Feature - 2 columns

The image display set programmatically by theme.

  • Inline - Wide (600×400)

Feature - Two thirds

The image display set programmatically by theme.

  • Feature - Two thirds (785×373)
  • Feature - 3 column (372×372)

Feature - 3 columns

The image display set programmatically by theme.

  • Feature - 3 column (372×372)

Video Feature

The image display set programmatically by theme.

  • Video Feature (1120×662)

Impact

The image display set programmatically by theme.

  • Featured Image: Impact Featured (830 × 520)
  • Story Images: Impact Story (455×372)

Numbers

This complex content paragraph will display the background image scaled to fit it's display. Generally, width is 1.4 times the height.

An example of the usage of the Numbers paragraph demonstrating how all the fields provided are placed.
Example of the Numbers paragraph for the Meet the Moment homepage (14 April 2025). Demonstrates that the background image, which is a required field, will scale to fit the height and width of the given space.

Story Feature

The image display set programmatically by theme.

  • Story (375×372)

Video Hero

The image will only appear if the video cannot be loaded. It will scale to fill the given space. 

An example of the usage of the Video Hero paragraph from the Meet the Moment page.
Example of the Video Hero paragraph for the Meet the Moment homepage (14 April 2025). Demonstrates that the background image, which is a required field, will scale to fit the height and width of the given space.

Ambient Hero

The image display set programmatically by theme. Example: Home page.

  • Ambient Hero (1200×450)
  • Ambient Hero SM (500×310)

Grid (under development)

The image display set programmatically by theme.

  • Grid Item Modal LG (560×527)
    • Grid Item LG (373×372)
    • Grid Item MD (320×319)
    • Grid Item SM (299×200)
    • Grid Item Modal LG (560×527)
    • Grid Item Modal MD (440×440)
    • Grid Item Modal SM (259×259)
Back to top