Customizing your Cleo Portal banner and login page graphics

Note: This section applies to the Cleo Harmony and Cleo VLTrader applications only.

You can modify the custom.css file to customize the look of your Cleo Portal banner and login page.

  1. Navigate to <installdir>/webserver/mftportal/styles/ and open custom.css in a text editor.
  2. Modify the custom.css file as necessary.
    Include #top-banner items in the custom.css to affect the banner and #Login items to affect the login page graphics.

    For example, to specify C:/MyCleoPortal/images/layout/cloud-background.png as the background image for the login page, include the following in the custom.css file:

    #LogIn {
      background-image: url(C:/MyCleoPortal/images/layout/cloud-background.png);
    }
    See Cleo Portal CSS customization parameter reference for information about styles you can customize.
  3. Save your updates and refresh the Cleo Portal window to see your changes.
Note: If you re-run the installer, the custom.css file is reinstalled with the product and you must make your customizations again.