Apply a Theme to a Page

[   User Guide Navigation]

Page Design & Structure Apply a Theme to a Page

A theme is a collection of uniformly styled design elements that give the page a polished and professional appearance. Themes control the styling of the page title, the navigation menu (also called a link grid), if present, and page headings.  

Tips for Using Themes

  1. When building a course, apply the same theme to all pages to give your course a consistent look and feel.
  2. Limit the use of banner images and navigation grids to the course home page and possibly the introductory (content) page for each module or unit.

Instructions

Apply a theme to a page

  1. Edit or create the page or content item where you want to apply the theme. 
  2. Starting with a blank page, open the Add New Elements  ( ) tab in the sidebar.
  3. From the Add New Element menu, select the Theme tool. 
    Theme tool icon
    A banner title element will be added to the page using the default theme, and the Edit Current Element ( )  tab will open with Theme selected as the active tool.
  4. In the Content panel of the Theme tool, choose the theme type, Basic or Front Page. You can change this selection at any time.
    • Basic = theme includes banner text and page heading styles only.
    • Front Page = theme includes banner text, banner image, navigation grid, and page heading styles. 
  5. In the Style panel, expand the Institution Themes panel to view the list of available themes. As you move your cursor over each theme name, a preview of the theme appears. When you find a theme you want to use, click its name to apply it to the page.
    Style menu in Themes tool.
  6. Click Save to make the changes permanent.

Change the theme for a page

  1. Edit the page.
  2. Place your cursor in any of the theme elements (e.g., banner title, link grid, or page heading). The theme tab will not appear unless your cursor is located in one of these three elements.
  3. Open the Edit Current Element  ( ) tab in the sidebar.
  4. Choose the  Theme  option as the active tool.
    Theme tool icon
  5. From the Style panel, select the desired theme to apply it to the page.
  6. Click Save to save your changes.

Learn More