Skip to main content

Theme Management

M
Written by Michael Ho

This article explains how Company Administrators can customize the site’s look and feel for users by creating or modifying themes within ELMO.

How to setup a Theme

1. Navigate to Administration → General → Theme.

2. Click Add Theme.

Add Theme button

3. A new window will appear. Enter the following details:

  • Title: The name of the Theme.

  • Description: Enter a short description of the theme for reference.

  • Is Default: Yes / No (If Yes, the theme will display for all users).

  • Branding Selection Criteria: Displays a dropdown list of departments. Users that match the selected department will see the associated theme.

Theme details form

4. Once the theme has been saved, a confirmation will appear.

Theme saved confirmation

5. Click the Design button. The design page allows the look and feel of the system to be customised. Each element that can be customised will display an Edit icon, which will open a popup window where colours, fonts, and images can be modified.

Theme design page

6. Click Publish. You can check if it's published in the Theme List.

Publish theme

📝 Once changes have been published users will need to log out and then back into the system to see the design updates.

✔️ Multiple themes can be set up and configured to vary for each user based on a selected profile field. The recommended Site Logo image size is 350 x 100 pixels. Your ELMO site is currently in Helvetica, but you can change it to one of the following fonts:

  • Lucida Sans

  • Times New Roman

  • Arial

  • Verdana

Editing a Theme

1. Navigate to Administration → General → Theme → Theme List.

Theme List

2. Click Edit and make adjustments as required.

3. For information on each field, please reference the "How to setup a Theme" section above.

Deleting a Theme

1. Navigate to Administration → General → Theme → Theme List.

2. Click the Triangle Icon → Delete

Editing the Login Theme

1. Navigate to Administration → General → Theme → Login Theme.

Login Theme navigation

You can edit the following sections:

  • Login Background:

    • Background Colour

    • Background Image (Recommended size: 1920x1080)

    • Login Background Position: Tiled, Stretched, or Centered.

  • Login Box:

    • Login Box Background Transparency: Set a value between 0 (transparent) and 1 (opaque).

    • Login Box Background Colour

    • Login Box Background Text Colour

  • Login Logo: The ideal image size should be no more than 300 x 300 pixels.

  • Login Message:

    • Login Message: Enter a message to display on the login screen.

    • Self-registration Message: Enter a message for the self-registration screen (if enabled).

⚠️ Self-Registration allows external users (e.g., contractors) to create their own accounts. This setup is not recommended if your ELMO site is only for internal employees.

Did this answer your question?