Customizing the default fonts and colors of public pages

Admin users can customize the default font styles and page colors, which will apply to all forms, surveys, quizzes, and tutorials. Content owners can choose to stick with the defaults, or set their own styles.

  1. Go to Admin > System Settings.
  2. Click on the Custom Colors tab.
  3. Customize the default font styles.
    1. Font Family: choose from one of several supported font styles for the text on each page. (Default: Arial)
    2. Page Title: set the text color of the page title. (Default: #000000)
    3. Question Text: set the text color of each question. (Default: #000000)
    4. Answer Text: set the text color of each answer option. (Default: #555555)
  4. Customize the default page colors.
    1. Border Width: set the width of the border surrounding the content of each form, survey, quiz, and tutorial. Set this to 0 if you do not want a border to display. (Default: 0)
    2. Rounded Corners: if displaying a border, select this checkbox to give the border rounded corners. (Default: Enabled)
    3. Border Color: if displaying a border, use this to set its color. (Default: #555555)
    4. Page Background: set the background color of each page. (Default: #ffffff)
    5. Interior Background: set the color inside the borders (i.e. behind the questions and answers). (Default: #ffffff)
    6. Header Background: set the background color for the page header. (Default: #ffffff)
    7. Assessment Panel Background: set the background color of the question/content column of each slide. (Default: #f3f3f3)
  5. Click the Save button.

For each color option, you can either click in the field to launch a color picker, or you can enter the HEX value of the color you want to use.

Customizing the page fonts and colors

Related Articles