How to localize the banner image in Copenhagen Help Center theme

 

Overview

You can localize the banner image on the home page of your Help Center.

Tip: While this is written for use in the Copenhagen theme, the same concept can have a number of applications across Help Center themes.

Conditions

• Must be on Support Professional or Enterprise
• Must be on Guide Professional or Enterprise
• Must be at least an admin or have access to customize theme of help center

Procedure

1. In the Help Center, select Guide admin > Customize design > View theme > Edit code.
2. Click to Add asset. 
3. Select the localized images you need for your Help Center.
4. Next, click on the CSS template (style.css): 
   
5. The banner should be located in a section.hero class, and then applied using CSS. You can locate the section by either scrolling down or searching for it.
6. In order to localize this image you can create an if/then string of code to apply the appropriate CSS--essentially, if the language is “A” use the asset heroA, and if language is “B” use the asset heroB, and so on:
   
7. Once you've gotten things set up in the CSS, you can preview it and when you're ready, publish the changes. 

Below is the end result from my test account! To left in Chrome is the English version of the Help Center, and to the right in Firefox, is the Spanish version:

Additional Help Center resources:

• Help Center Templates reference: Header: Available properties
• Help Center CSS cookbook
• Tips for using HTML to customize your knowledge base in Help Center