Add a Theme

  1. Prepare the theme file:

    1. Create a folder and add a file skin.css with the required name of the theme. The name of the folder must be the same as the intended theme name (only alphanumeric characters can be used, with no spaces or special characters).
    2. Add any CSS overrides to the file. Note that only the definitions as shown in the export of a provided CSS file skin.css can be modified.
    3. Add required image files in this folder (if any).
    4. Create a .zip archive file with the same filename as the folder.

    Refer to Download and Update a Theme for details.

  2. Add the theme to the system:

    1. Choose the hierarchy level at which the theme will be created.

    2. Choose Role Management > Themes to open the Themes list view.

    3. Click Add on the button bar to open the Themes input form. Note that themes can only be customized by a Provider Administrator (or higher).

    4. Enter the Theme Name (same as the file name created above).

    5. Enter an appropriate Site Title if required. The site title entered here is the title displayed in the browser tab.

    6. Click the Browse button to import the created theme zip file. Wait until the system displays the file chosen in the Import File field.

    7. If the theme must also apply to the login page, select the Use this Theme to style Login page check box.

    8. To set login banner text and notices on the login page, refer to Set the Login Page Theme. The Use this Theme to style Login page check box does not have to be selected for banner text to show.

    9. If you want to hide the theme from lower level hierarchies, select the Hide from Lower Hierarchies check box. Users logged in at lower level hierarchies will not be able to see that particular theme on the Themes list view screen.

    10. For details on the Theme Customization tab controls, refer to Create a Theme in the Business Admin Portal.

      Note

      If any details are added on this tab, all fields should be provided with input.

    11. Click Save on the button bar when complete.