Four Image Grid
Component Overview
The Four Image Grid is a fun way to add four links with images. This is useful for showing initiatives, meeting faculty and staff, or linking to housing. The image has a baked-in blue overlay and a hover effect for hover-enabled devices.
This component is part of the 'new look' group of components. Please only use this component with other 'new look' components. Do not mix it with classic components.
Component Location
Content Blocks → Four Image Grid
Component Overview
Supported Templates & Placeholders
| Template | Placeholder |
|---|---|
| Article Detail Page |
/maincontent/full-width
/maincontent/rail-page-content
|
| Detail Page |
/maincontent/detail-page-nav/detail-page-content
|
| Experience Landing with Nav |
/maincontent/full-width
|
| Experience Landing Page |
/maincontent/full-width
|
| Experience Interior Nav |
/maincontent/interior-nav-content
|
| Experience Right Rail Page |
/maincontent/rail-page-content
|
Recommended Image Size
500x500
Character Limits
Title: Unlimited
Image CTA: 50
How to Use & Variants
All of the images and links are contained in the parent component. There are no sub-components that need to be added to make this component work.
Special Note: This component only supports EXACTLY four links and images. If you do not add EXACTLY four images, the component will not work.
Component Example
To see how the component will display on different types of screens, select the button below.
Component Type
Main Body
ABOUT THE COMPONENT
- Component Type: Content Block
- Rich Text: No
- Images: Yes
- Video: No
- Buttons: No
- Links: Yes
- Icons: No