Skip to main content
CMS Example Site CMS Example

Intro Banner
Article or Drawer Templates

  1. HOME
  2. Templates
  3. Article
  4. Intro Banner

Optional Feature: Intro Banner

Intro Banners are an optional feature on Article and Drawer templates. This page is using an intro banner above.

You can use the intro banner on an article page much like you would use a hero on a homepage template. There are some key differences:

  • The intro banner is only one image. It can't be a rotator.
  • The intro banner does not have links.
  • The image size is locked to 1500 x 480 pixels. If your image is a different size it will be cropped to those dimensions.
  • See another example of the Intro Banner in use.

Best Practices

  • Appropriate for setting the tone on an index page.
  • Avoid over-using the intro banner throughout your site.
  • Choose an appropriately sized image. See the intro banner image library.

To Add an Intro Banner to an Existing Article Page

  1. From the Edit screen of your Article Template, scroll down to "Advanced Options." Click the Show radio button if needed.
  2. Click on the Intro Banner drawer to expand it.
  3. Complete these fields:
    • Enable Intro Banner? Yes
    • Background type: Select one:
      • Image to upload an image
        • Image Description (Alt Text): Describe the image for users that can't see them (images disabled/didn't load, using a screen reader, etc.)
      • Default (pre-canned background)
        • Slide Background (choose one):
          • Navy (select light text below)
          • Yellow (select dark text below)
          • Blue Orb (select light text below)
    • Apply a color gradient over image? Yes or No
      • Applies a dark navy gradient over the image. Don't combine with dark text color selection below.
      • The example at the top of this page uses a gradient.
    • Text Color: Light or Dark 
      • Light is recommended for darker images. Dark is recommended for lighter images.
    • Headline alignment: Center or Left
    • Headline (all caps):
      • Approximately 32 characters
      • Uses H1 Heading. Do not start with an H1 heading in the Middle Block content if you are using an intro banner. (Exception: Blink and TritonLink have special behavior for H1 headings, so the Intro Banner Headline will not create an H1 in those sites. Enter your H1 in the Title field as normal.)
    • Headline Break? Yes or No
    • Headline Break: The text for your second headline. The text "Article or Drawer Templates" in the intro banner on this page is in a headline break.
  4. Submit your changes and Publish as normal