Customizing Page Appearance

Index for Content Module



What do you want to do?

Customizing colors for content pages | Top

You can choose the colors for background, text, links, and visited links for a content page. The default colors are set to the Content Module setting, as specified in Edit Content Module settings. If you have not set colors for the Content Module, the default colors are set to the Course Default setting. 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 Course Menu, click Content Module. The Content Module screen appears.
  2. Under Table of Contents, select the page of content you want to change. The Content Page Settings screen appears.
  3. Scroll to the bottom of the screen and under Customize, 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.

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 Course Menu, click Content Module. The Content Module screen appears.
  2. Under Table of Contents, select the page of content you want to change. The Content Page Settings screen appears.
  3. Scroll to the bottom of the screen and under Customize, 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 a custom color scheme for a content page 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 Course Menu, click Content Module. The Content Module screen appears.
  2. Under Table of Contents, select the page of content you want to change. The Content Page Settings screen appears.
  3. Scroll to the bottom of the screen and under Customize, click Customize page colors. The Customize Page Colors screen appears.
  4. In the Color Set column, select Custom.
  5. In the Color Preview 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 enter an HTML hexadecimal color code and click Preview.
  7. To select the previewed color, click Update. The Customize Page Colors screen appears.
  8. Repeat steps 5 through 8 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 Content Module default color scheme | Top

You can choose the color scheme as specified in Edit Content Module settings.

  1. From the Course Menu, click Content Module. The Content Module screen appears.
  2. Under Table of Contents, select the page of content you want to change. The Content Page Settings screen appears.
  3. Scroll to the bottom of the screen and under Customize, click Customize page colors. The Customize Page Colors screen appears.
  4. Click Content Module default. The color scheme that is specified for the Content Module is applied.

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

Adding or modifying a background image | Top

You can add or modify a background image on a content page. Images must be in .gif or .jpg format. The image may either be selected from the WebCT-Files or uploaded from your computer to your My-Files folder. For information on uploading files to your My-Files folder, see Manage Files.

  1. From the Course Menu, click Content Module. The Content Module screen appears.
  2. Under Table of Contents, click the page of content you want to change. The Content Page Settings screen appears.
  3. Scroll to the bottom of the screen and under Customize, click Modify/Add background image. The Modify/Add Background Image for Page 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. For more information, see WebCT Browser.
    • To use the background image as specified in Edit Content Module settings, select Use Content Module default.
    • To use no background image, select None.
  4. Click Update. The background image is updated.
  5. To make the changes available to students, update the student view.