Cobra Learning - About Themes

CobraBanner

About Themes

Themes enable you to customize and brand the look and feel of navbars and page backgrounds. Themes do not control the type of links navbars can contain. When you create a theme, there are two areas you can customize styles for: the navbar layout and the page background.

Navbar layouts consist of style panels in various arrangements, providing options on how you want logos, titles, and links to appear. Customize style panels by modifying features such as font, background color, image, borders, margins, alignment, and hover effects. Similar to navbar layouts, you can also customize the look and feel of a page background by modifying the entire page background, left page background, and right page background areas.

Notes
  • If your permissions do not allow you to create themes, you must select from existing themes or use the Default Theme.
  • Themes created in an org unit are automatically shared with child org units.
  • Themes created at the course level cannot be shared with other courses, but you can create and store them inside a course template to make them available in course offerings that use the course template.

Access Themes from a course offering level

Do one of the following:

  • Click the  Manage Navigation & Themes icon in the top left corner of the navbar, then click Themes.
  • Click Navigation & Themes in the Course Administration widget, then click Themes.
  • Click Edit Course on the navbar, click  Navigation & Themes, then click Themes.

Creating a theme

  1. On the Themes page, click Create Theme.
  2. Enter a Name and Description for your theme.
  3. You can use the default navbar layout or click Change Layout to select a different one.
  4. Customize the navbar layout and page layout style panels: click on the style panel you want to customize and make your changes. See Themes layout style panels for more information about the various style panels. Once you modify a panel, click Hide Properties. Repeat this step for each panel until you are satisfied with your changes.
  5. View your style changes in the Theme Preview section.
  6. Click Save and Close.

Managing themes

At the organization level, all themes listed on the Themes page contain information about whether each theme is currently shared to other org units, and how many navbars and org units are currently using the theme.

At the course offering level, all themes listed on the Themes page contain information about whether a theme is shared from another org unit, and the name of the org unit sharing the theme. If you have permission to manage shared themes, the name of the org unit sharing the theme becomes a link to the Themes tool where the original theme was created.

  1. Copy an existing theme
  2. Edit a theme
  3. Preview a theme
  4. Delete a theme

Copy an existing theme

On the Themes page, click  Copy from the context menu of the theme you want to copy.

Tip  You can click on the copied theme to edit its name and properties. Make your changes and click Save and Close.

Edit a theme

  1. On the Themes page, click on the theme you want to edit.
  2. Make your changes.
  3. Click Save and Close.

Note  You cannot delete a Default theme or a theme shared to you from the organization, a parent course, or department.

Preview a theme

On the Themes page, click  Preview from the context menu of the theme you want to preview.

Delete a theme

On the Themes page, click  Delete from the context menu of the theme you want to delete. You cannot delete a Default theme or a theme shared to you from the organization, a parent course, or department.

Important  You are prompted to choose a replacement theme for the navbars using the theme you want to delete. If a theme with an identical layout does not exist, you are not allowed to delete the theme until you have created an acceptable replacement.

Back to top

Themes layout style panels

Style Panel Options
Navbar Layout

Navbar Background

Apply an image, color, or border to the navbar background. You can only see the left and right areas of the navbar background if you apply an inner navbar background.

Inner Navbar Background

Apply an image, color, or border to the inner navbar background. You can only see the left and right areas of the navbar background if you apply a top, middle, or bottom background.

Top, Middle, and Bottom Backgrounds

Apply an image, color, or border to the top, middle, or bottom background areas of the navbar.

Link Areas

Apply a font and hover effects to links. Specify if you want to show links as text only, icons only, or text and icon together. You can also customize the link area's size and margins, links alignment, and spacing between links.

Title

Apply a font and set the alignment of the organization or course title that appears on the navbar. You can also specify margin sizes around the title.

Left Logo and Right Logo

Apply an image to represent your course or organization. You can add a link destination that brings users to My Home, Course Home, a specific org unit, your organization's main website, or a custom URL when they click on the logo image.

Page Layout
Page Background Apply an image or color to the entire page background.
Left Page Background Apply an image or color to the left page background area.
Right Page Background Apply an image or color to the right page background area.

Tip  Consider color contrast when choosing background colors and link font colors. Your links should be easy to read against background colors.

See Also:


Tech Service Desk: Contact and Hours

Room A184 * 217-353-3333 * techhelp@parkland.edu * 7:30 a.m. - 6:00 p.m. M-Th. / 7:30 a.m. - 5:00 p.m. Fridays

Satellite location * Parkland Library * 10:00 a.m. - 2:00 p.m. M-Th. / 10:00 a.m. - 12:00 p.m. Fridays




Keywords:theme themes navbar homepage Cobra   Doc ID:47406
Owner:Lori W.Group:Parkland College
Created:2015-02-19 09:26 CSTUpdated:2015-02-19 16:41 CST
Sites:Parkland College
Feedback:  0   0