Customizing Content Module Appearance

Index for Content Module



What do you want to do?

Customizing colors for the Content Module | Top

You can choose the color for text, links, visited links, and background for the Content Module. You can either choose from predefined color schemes or create a custom color scheme. Note: Depending on administrator settings, the high contrast color scheme may be the default and you will not be able to change page colors.

Choosing a predefined color scheme | Top

  1. From the Table of Contents screen of the Content Module, click the Designer Options tab if it is not already selected.
  2. Under Options: Content Module, click Edit Content Module settings. The Content Module Settings screen appears.
  3. Under Customize Content Module Appearance, click Customize page colors. The Customize Page Colors screen appears, displaying the predefined color schemes.
  4. In the Color Set column, choose one of the predefined color schemes by selecting the radio button for the appropriate set.
  5. Click Update. The chosen color scheme is applied.
  6. To make the changes available to students, update the student view.

Note: To change the colors for the entire course, see Course Settings.

Choosing the high contrast color scheme | Top

In compliance with the US Rehabilitation Act, Section 508, WebCT offers a color scheme that provides high contrast between background and foreground elements. This high contrast color scheme allows users who have difficulty distinguishing colors to use WebCT. Note: Depending on administrator settings, this may be the default color scheme.

  1. From the Table of Contents screen of the Content Module, click the Designer Options tab if it is not already selected.
  2. Under Options: Content Module, click Edit Content Module settings. The Content Module Settings screen appears.
  3. Under Customize Content Module Appearance, click Customize page colors. The Customize Page Colors screen appears, displaying the predefined color schemes.
  4. In the Color Set column, select High Contrast.
  5. Click Update. The high contrast color scheme is applied.
  6. To make the changes available to students, update the student view.

Creating a custom color scheme | Top

You can create custom color scheme for Content Module by selecting the colors for text, links, visited links, and background. Note: Depending on administrator settings, this feature may not be available. The high contrast color scheme may be the default.

  1. From the Table of Contents screen of the Content Module, click the Designer Options tab if it is not already selected.
  2. Under Options: Content Module, click Edit Content Module settings. The Content Module Settings screen appears.
  3. Under Customize Content Module Appearance, click Customize page colors. The Customize Page Colors screen appears.
  4. In the Color Set column, select Custom.
  5. In the Colors column, click one of the following:
    • Set text color
    • Set link color
    • Set visited link color
    • Set background color
    A color palette appears.
  6. To preview a color, click one of the colored squares. The color appears in the frame to the right of the color palette. Tip: In the Color Value text box, you can also type an HTML hexadecimal color code and click Preview.
  7. To choose the color, click Update. The Customize Page Colors screen appears.
  8. Repeat steps 5 to 7 to select a custom color for another screen element.
  9. Click Update. The custom color scheme is applied.
  10. To make the changes available to students, update the student view.

Choosing the course default color scheme | Top

You can choose the course color scheme as specified in Course Settings.

Note: The administrator sets the server default colors for the Top Menu Frame and the Side Navigation Frame, but not for the Content Frame. Since there are no server default colors for the Content Frame, clicking Course default will not affect the current Content Frame color selections.

  1. From the Table of Contents screen of the Content Module, click the Designer Options tab if it is not already selected.
  2. Under Options: Content Module, click Edit Content Module Settings. The Content Module Settings screen appears.
  3. Under Customize Content Module Appearance, click Customize page colors. The Customize Page Colors screen appears.
  4. Click Course default. The color scheme that is specified in Course Settings is applied.

  5. To make the changes available to students, update the student view.

Changing the background image of the Content Module | Top

You can set the default background image for the entire Content Module.

  1. From the Table of Contents screen of the Content Module, click the Designer Options tab if it is not already selected.
  2. Under Options: Content Module, click Edit Content Module settings. The Content Module Settings screen appears.
  3. Under Customize Content Module Appearance, click Modify/Add background image. The Modify/Add Background Image screen appears.
    • To add or modify a background image from a file:
      1. Select Use file.
      2. In the Filename text box, enter the path and filename, or to select the file, click Browse. The WebCT Browser appears.
      3. Select the file and click Add selected.
    • To use the background image as specified in Course Settings, select Use course default.
    • To use no background image, select None.
  4. Click Update. The Content Module Settings screen appears and the settings are applied.
  5. To make the changes available to students, update the student view