Configuring Themes

OGL includes several default themes. You can also customize tip colors, fonts, and tip positions as per your branding requirements.

Download the Design Kit

The Design Kit provides the ability to update the theme however you want, this article is meant to provide some basic guidelines and covers updating some of the basic attributes of the theme and does not cover advanced CSS methods.

  1. On the OGL Console homepage, go to the left navigation panel.

    You can see the Settings tab on the navigation panel.

  2. Click the Settings tab, list of options are displayed.
  3. Select Themein the left navigation panel.

    Themes

  4. Select the Upload/Download Theme tab.

    The following interface is displayed.

    Download Theme

  5. Click Download the Design Kit HTML link.

    This will download as file "OGL_Theme_Design_Kit..." HTML file. Ensure you rename the file accordingly.

  6. Save the HTML file to a local directory.

    Note: Rename the file accordingly, our recommendation is to rename it using the following convention: Design_Kit_ORGNAME_DD_MMM_YYYY

Update the Design Kit

To update the design kit, you will need to use a suitable text/HTML editor.

  1. Open the Design Kit in a browser
  2. Open the same file with the HTML/text editor
  3. Find the CSS class and update the relevant attributes
  4. Save the changes, then refresh the Design Kit in the browser to preview the changes before uploading them to the OGL Console

Upload the Design Kit

  1. Select the Content tab in the OGL Console
  2. Select Themein the left panel

    Upload custom design

  3. Select Upload Theme
  4. Select Choose File (A), then select the file saved in your local directory.
  5. Select Create new theme (B). Note: Select Update current theme if you are updating an existing custom theme
  6. Check the Select new theme after upload check-box

separator