Configure Theme Settings

All of the Web Express themes include customizable options that site owners and site manager may choose to customize. The site theme is made up of the campus header color, the site header color and the menu style.

Theme changes are live on sites as soon as you set them to active. Switching between themes will not change the page content, block layouts or block designer themes so feel free to experiment with the theme options until you find one that works best with your content.

Theme Configuration

  1. Using the Configuration Menu dropdown, select CU Boulder site settings.
  2. Select  Appearance and Layout from the list of options.
  3. Expand the Header and navigation section.

Theme Options:

  1. CU Boulder campus header color: Select the color for the header background for the campus branding information at the top of the page.
    1. Options: White or Black
  2. CU Boulder site header color: Select the color for the header background for the site information at the top of the page.
    1. Options: Black, White, Light, or Dark,
  3. Menu style: Select a Menu Theme for the site.
    1. Default
    2. Light 1 (similar to previous Highlight theme)
    3. Light 2 (similar to previous Ivory theme)
    4. Light 3 (similar to previous Minimal theme)
    5. Light 4 (similar to previous Rise theme)
    6. Light 5 (similar to previous Spirit theme)
    7. Light 6 (similar to previous Tradition theme)
    8. Dark 1 (similar to previous Layers theme)
    9. Dark 2 (similar to previous Modern theme)
    10. Dark 3 (similar to previous Shadow theme)
    11. Dark 4 (similar to previous Simple theme)
    12. Dark 5 (similar to previous Swatch theme)
  4. Show breadcrumb navigation on pages: If enabled, the breadcrumb navigation will be shown at the top of pages, helping visitors find their way around the site. Enable if you have child pages on site.
  5. Show sticky menu: The sticky menu appears at the top of the page when scrolling on large-screen devices, allowing for quick access to links.
  6. Position of the secondary menu: The secondary menu of this site can be populated with secondary or action links and displayed inline with or above the main navigation.
  7. Click Save configuration.

Related Articles