Create common branding

Edit online

Personalize the IBM® Verify pages for your company in an application on your Verify tenant. You can change the IBM logo, IBM copyright, style, and so on, of the Verify pages to match your company's brand.

Before you begin

Download the themes files. See Download a theme with API.

About this task

Changes made in the common folder are displayed in most of the theme pages for the application in your Verify tenant.

Procedure

  1. Extract the files from the compressed theme file from Download a theme with API.
  2. Open the templates/common folder.
  3. Customize the files.
    Note:

    Don't change the files names. Update the content within the theme files.

    Note: Updates to the customized logo.png page, the page_style.css page, .png, .svg, .css, and .js flies can take up to 5 minutes.
    1. Change the logo.
      Replace the logo/default/logo.svg with a graphic of your company's logo. Use the same file names. An optional logo/default/logo.png file is provided. If the .png file type is used, update the page_components/default/page_header.html file with the logo.png file name.
    2. Add your company's copyright information to the theme pages.
      Modify the page_components/default/page_footer.html file.
      The following labels are available on the page_footer.html page. Change the copyright labels as described in Customizing labels.
      • $COPYRIGHT_LICENSED$
      • $COPYRIGHT_PART_NUMBER$
      • $COPYRIGHT_SINCE_YEAR$
      • $COPYRIGHT_ALL_RIGHTS$
      • $COPYRIGHT_TRADEMARK$
    3. Replace the logo with text or add more text to the header.
      Modify the page_components/default/header.html file.
    4. Replace the css styling and color schema.
      Modify the page_components/default/page_style.css file. The styling that you add here overrides the classes from <tenant>/usc/css/stateless.css.
    5. Replace the product name displayed by pages. See Customizing labels to change the product name.
      • $PRODUCT_NAME$
      • $LOGOUT_OK_TITLE$
      • $LOGIN_TITLE$
  4. Update the compressed theme file with your customizations and upload the file back to your tenant. See Register a new theme or Updating a theme.