Changing the favicon

The favicon is the image that appears with the page name in browser tabs and bookmark lists. You can customize the favicon to reflect your business or brand.

Before you begin

Download IBM Digital Experience File Sync on Github. Then, learn more about using DXSync to edit theme files by reading Editing static theme resources and connecting with DXSync.

Procedure

  1. In the directory that includes the theme resources that you downloaded by using DXSync, open the theme template, theme.html.
  2. Locate the following code string: <link rel="dynamic-content" href="dyn-cs:id:st_head">.
  3. Add the query parameter faviconLocation with the URL to your new favicon image.
  4. Save the file. DXSync uploads your changes.

Results

Your custom favicon appears with the page name in browser tabs and bookmarks for all pages that use the theme that you updated.