Add a Banner Title

[   User Guide Navigation]

Page Design & Structure Add a Banner Title

The banner title element contains the page's title and other relevant information such as the course number, module name, etc. If you want to style theme elements individually, use the Banner Title tool instead of the Themes tool to add and customize a colorful block of text to the top of the page. 

Tips for Banner Titles

  1. When creating a course, apply the same banner title style to all pages to give your course a unified look and feel. 
  2. When adding content to the banner title block on the page, use the Content panel in the Banner Title tool rather than entering the text directly on the page. This will ensure that you don't accidentally break the underlying code that sets the style for each Banner Title field.
  3. Use the same page heading level (H1 or H2 recommended) for the banner title block on all pages in your course.
  4. Leave the default text in the Prefix 1 and Prefix 2 fields if you are creating a template for use with the Multi-Tool Module Builder. Module Builder will replace these values with your selected module prefix (e.g., Module, Lesson, Week, Topic, etc.) and module number when generating the modules for your course.

Instructions

Add a banner title to a page

  1. Place your cursor in the editor where you want the banner title to go.
  2. Open the Add New Elements ( ) tab in the sidebar.
  3. Select the  Banner Title tool. The Edit Current Element ( ) tab opens with Banner Title selected as the active tool.
    Banner Title Button
  4. In the  Content  panel, enter the page title and other information that you would like to appear in the Banner Title block. The page will update when you press enter, tab, or move your cursor out of each field.
  5. Leave the Show Canvas Title box at the bottom of the content panel unchecked unless you want students to see the saved page or content item title in addition to the banner title.
  6. Open the Style panel and expand the Institution Themes panel.
  7. Select a style from the list to apply it to the banner title.

Edit a banner title

  1. Select the Edit Current Element  ( ) tab in the sidebar.
  2. Place your cursor inside the banner title block on the page.
  3. If it is not already selected, choose  Banner Title as the active tool:
    Banner Title Button
  4. Use the options available in the Content and Style panels to make the desired changes.

Learn More

Cidi Labs DesignPLUS User Guide: Banner Title