Full Width Callout Snippet

The Full Width Callout displays an image (use the “-xl” crop) with optional gradient overlay, title, subtitle and up to two button links with icons.

This is a DIY snippet. You can add it to your pages without assistance from Digital Strategy. Make sure to follow all standards outlined in this guide.


This snippet should only be used in the Full-Width Region.

 

Required and Optional Fields

  • background image: required (image crop is “-xl;” there is also an option to turn on or off a gradient overlay)
  • title: optional
  • subtitle: optional
  • button link 1: optional
  • button 1 icon: optional (to add, contact )
  • button link 2: optional
  • button 2 icon: optional (to add, contact )

When to Use It

Use the Full Width Callout when you wish to add a large horizontal image that clearly reinforces university branding and you wish to link to one or two different locations. 

When to Use Something Else

If you are trying to highlight an event and have no need for large visuals, consider using the Event Update Block Callout or the Highlighted Content Callout.

Example