Banner Titles

Show Me HowTo add a new banner title header:

1. Place your cursor in the editor where you want the banner title to go.
2. Open the Add panel.
3. Select Banner Title:
   
   
4. Use the Content and Style panels to customize the banner title.

To update banner title details:

1. Place your cursor within the desired banner title.
2. Make sure you are in the Edit Current Element tab.
3. Choose the Banner Title option as the active tool:
    
4. In the Content panel, use the Prefix 1, Prefix 2, and Title fields to update the banner title details.
   • Prefix 1: Update the course title/department
   • Prefix 2: Update the course number
   • Title: Update the title that will appear in the banner title

To apply a legacy style to a banner title:

1. Place your cursor within the desired banner title.
2. Make sure you are in the Edit Current Element tab.
3. Choose the Banner Title option as the active tool:
    
4. In the Style panel, select the Primary style source panel.
5. In the Primary style source panel, expand the Legacy Styles panel.
6. Select a style from the list of Legacy Styles to apply it to the banner title.

To apply a saved user style to a banner title:

1. Place your cursor within the desired banner title.
2. Make sure you are in the Edit Current Element tab.
3. Choose the Banner Title option as the active tool:
    
4. In the Style panel, select the User Favorites style source panel.
5. Select a style from the list of styles to apply it to the banner title.

To display the Canvas title on a saved page:

1. Place your cursor within the desired banner title.
2. Make sure you are in the Edit Current Element tab.
3. Choose the Banner Title option as the active tool:
    
4. Check the Show Canvas Title checkbox to display the Canvas title above the page header.

To remove a banner title:

1. Place your cursor within the desired banner title.
2. Make sure you are in the Edit Current Element tab.
3. Choose the Banner Title option as the active tool:
    
4. Select the  Delete Banner Title button from the Action Toolbar.

The examples below are H1-H6 level banner titles with the Flat Sections 1 legacy style applied.

Please consider the following when choosing to use banner title headers:

• If you are using multiple headers in a page, make sure that the heading structure follows a logical order and  no heading levels are skipped. You can use the Heading Checker tool in the Accessibility / Usability tab to view and adjust heading levels on a page.

While the option to add an H2 page header was available in the legacy version of the Design Tools sidebar (the Title Banner Block in the Add Content Blocks menu) and users could toggle the display of the Canvas page title, this version adds the following features:

• Ability to add multiple banner titles to a page
• Ability to add banner titles with different heading levels
• Custom styles that can be applied to banner titles within the Banner Title tool