Changing the theme logo in the Simple Theme
You can change the theme logo to customize your portal site and 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.
About this task
By default, the Simple Theme uses SVG images, but other image formats are supported.
Procedure
- Download your theme files by using DXSync.
- Upload your new logo to a folder in the theme, such as fs-type1/themes/YourTheme/css/images.
- Open the theme template in the root theme folder, fs-type1/themes/YourTheme/theme.html.
- Locate the following code string: <svg class="stLogo" role="img" aria-label="IBM Digital Experience"> <title>IBM Digital Experience</title> <use xlink:href="#stBee"></use> </svg>.
- Replace the code string in Step 4 with the following code string: <img alt="Logo" src="css/images/YourLogo.png">, where YourLogo.png is the name of the logo you uploaded to the theme.
- Save the file.