您可以使用简单的所见即所得设计工具(如颜色选择器和字体选择器)更改帮助中心的外观和感觉。例如，您可以更改标志、颜色和网页字体，使您的帮助中心遵循公司的品牌指导方针。品牌选项在指南的设置面板中。
本文涵盖以下主题:
除了使用设置面板中的选项更新品牌之外，您还可以轻松隐藏和显示哥本哈根标准主题中的一些常见元素，请参见在哥本哈根标准主题中隐藏和显示元素．或者，您可以编辑底层主题代码(在Suite Team中不可用)，以自定义帮助中心的元素(参见使用主题和模板自定义帮助中心）.
更新帮助中心中的颜色
- 品牌的颜色
- 品牌文字颜色
- 文本颜色
- 链接颜色
- 背景颜色
更新帮助中心颜色
- 在“指南”中单击自定义设计图标(
)。 - 点击定制在您要更新的主题中。打开主题页面。
- 在“设置”面板中，单击颜色．
- 单击任何选项旁边的颜色框，然后使用颜色选择器选择颜色或手动输入颜色的数字。
颜色在预览窗口中更新。
点击离开颜色框，颜色选择被保存。
- 重复其他你想改变的颜色。
- 更新完颜色后，单击发布．
更改应用于主题。
- 点击回来返回“主题”页面。
更新帮助中心中的字体
默认情况下，您可以更改标题和文本的字体。您可以使用几个内置字体选项的列表。
更新帮助中心字体
- 在“指南”中单击自定义设计图标()。
- 点击定制在您要更新的主题中。打开主题页面。
- 在“设置”面板中，单击字体．
- 要更改标题字体，请单击下面的下拉菜单标题，然后选择标题的字体。
字体在预览窗口中更新。
- 要更改文本字体，请单击下面的下拉菜单文本，然后为文本选择字体。
字体在预览窗口中更新。
- 完成字体更新后，单击发布．
更改应用于主题。
- 点击回来返回“主题”页面。
更新帮助中心的标志和图标
您可以更改帮助中心的标志和图标。该标志出现在帮助中心的标题中。favicon是浏览器选项卡中显示的小图像，位于浏览器地址栏中URL的旁边。
有关上传自己的图像和其他品牌资产的信息，请参见为帮助中心资产使用您自己的主题资产．
更新帮助中心主题的徽标和图标
- 在“指南”中单击自定义设计图标()。
- 点击定制在您要更新的主题中。打开主题页面。
- 在“设置”面板中，单击品牌．
- 如果要更改标识，请在下面标志,点击取代浏览到并选择图像。
推荐的图像大小是200px * 50px。对于哥本哈根主题，推荐的最大高度是37px。
如果图像的宽度或高度超过建议大小，则图像将按比例缩小以保持纵横比恒定。图像背景应该是透明的或与标题的背景颜色相匹配。
- 如果你想更改图标，在的图标,点击取代浏览到并选择图像。
为了获得最佳效果，请确保favicon是正方形图像。图像缩放以适应显示尺寸。
- 若要更改为logo或图标的默认图像，请单击回复．
- 当您完成更新徽标或favicon后，单击发布．
更改应用于主题。
- 点击回来返回“主题”页面。
更新主题的图像
标准的哥本哈根主题有三个图片，你可以替换:
- 英雄主页的图片，出现在首页的顶部
- 社区英雄的形象，出现在社区主题页面的顶部
- 社区横幅，出现在首页的社区部分
更新主题中的图像
- 在“指南”中单击自定义设计（)图标。
- 在“设置”面板中，单击图片．
- 在“设置”面板中出现的任何图像下，单击取代浏览到并选择图像。
- 对于“家庭”和“社区”图像，建议大小为1600x300px。
如果您关心加载时间，您可以使用宽度小于1600px的图像，但请确保您的图像是至少300px的高度，这样看起来就不会拉长。如果图像超过推荐大小，则缩放图像以保持纵横比恒定和最大高度为300px。
- 对于社区横幅，高度应为不到300px以避免拉伸。
图像出现在Settings面板中。如果您不想使用该图像，可以单击回复返回默认映像。
- 对于“家庭”和“社区”图像，建议大小为1600x300px。
- 如果要替换其他图像，则对它们重复此操作。
- 更新完图像后，单击发布．
更改应用于主题。
- 点击回来返回“主题”页面。
24日评论
我上传了一个1600x300图像到我的帮助中心“英雄图像”，但在更高分辨率的屏幕边缘被切断。有什么技巧可以防止这种情况发生吗?
你好，我只是想问一下，这篇文章中建议的logo图片大小是否仍然适用于哥本哈根主题。git中的默认图像是470x470。提前谢谢你。
推荐的图像大小是200px * 50px。对于哥本哈根主题，推荐的最大高度是37px。
如果图像的宽度或高度超过建议大小，则图像将按比例缩小以保持纵横比恒定。图像背景应该是透明的或与标题的背景颜色相匹配。
遇到了一个问题，我在评论中看到了，但我无法看到任何解决方案。抱歉我错过了。我上传了一个新的英雄横幅图像到我们的指南，但在100%放大铬，图像被切断了顶部和底部。如果我在Chrome中放大到200%，图像看起来很好，但帮助中心的其余部分是巨大的。我已经调整了图像的大小至少10次，但每次上传时，图像保持不变，在顶部和底部被切断。我确保使用文章中建议的300像素高度。我甚至试过一个小得多的和一个大得多的。看起来总是一样的。
这是chrome的200%放大
这是Chrome的100%放大
有什么想法如何让横幅真正适合?
是否可以更新您自己的字体?
你好卡罗,
是的，可以根据您的偏好定制您的帮助中心。你可以查一下自定义帮助中心主题获取更多信息。
愿一切都好！
我是一个指南管理员，但无法自定义设计和重组我的帮助中心。我相信这是因为我不是帐户所有者?帐户所有者是否有办法授予这些权限?
虽然你在支持中被设置为管理员，但在指南中你是代理。看到关于团队成员的产品角色和权限获取有关如何更新“指南”角色的信息。
你好,
我想知道如何更改页脚下帮助中心名称和语言选择的颜色?谢谢
谢谢你的联系!
控件中这些元素的CSS值可以更新
style.css帮助中心主题的文件。具体来说，您需要更新.footer一而且.footer-language-selector按钮选择器。作为一个例子，下面的代码片段将更新这两个元素显示为红色:本文将更详细地介绍如何定制帮助中心的CSS:
我希望这能有所帮助!有任何问题请随时联系我。
Tipene
有没有解决这个问题的办法Treez公司提到吗?我也在经历。
我建议你发起一个谈话因此，我们的支持代表将能够帮助您解决英雄形象问题
嗨尼克·布拉德福德/Treez公司
谢谢你的联系!
我认为你可以解决的问题通过做一些改变你的帮助中心的style.css文件．所有你有来做是看为“英雄组件”，并作出以下修订:
我希望这能有所帮助，但如果你有任何问题，请告诉我。
最好的
Kuldeep
如何设置英雄容器的高度?我给.hero-unit添加了height，但是没有任何效果。section类是hero-unit- large container但我在CSS中没有看到。
有人知道如何在帮助中心的页面上添加品牌标识，并将其显示在搜索部分的顶部吗?我在下面添加了一张截图，还包括了我需要出现logo的圆圈。请通知
任何帮助都将是伟大的!
品牌形象可以使用哪些图像格式?
你好，Prakash Sati
这将是伟大的使用。png格式的所有品牌形象
谢谢
Pulkit
团队Diziana
谢谢你的问题。
你能试试这个变通办法吗?
YouTube -https://youtu.be/SFwYtUDrVok
希望有帮助，
关于如何调整区域/类别出现的框的大小，有人有建议吗?我们有4个部分出现在我们的哥本哈根主题，但我没有看到任何地方自定义这些盒子的大小
嗨戴夫·詹森
请在style.css文件的底部添加下面的CSS
.blocks-list {
justify-content:中心;
｝
/*更新值来更新块的大小*/
.blocks-item {
Flex: 0 0 340px;
｝
如果它解决了你的问题，请告诉我
谢谢
Pulkit
你好，我可以从javascript改变一个指南主题的品牌颜色吗?如果是，我该怎么做呢?我还没找到具体怎么才能拿到舱单。script.js中的Json，然后改变颜色。有人能帮我一下吗?
嘿威廉楞次，
可以从帮助中心模板编辑器中的style.css文件更新帮助中心的大部分样式。你能给我举个你想要改变颜色的地方的例子吗?
谢谢,
Tipene
嗨Tipene休斯，
从style.css内部更改内容不是问题。我们有一个客户为某品牌运营网站。对于这个品牌，有3个子品牌，它们一起应该有一个单一的帮助中心。但是我们希望根据访问帮助中心的URL来更改帮助中心的颜色。因此，应该传递URL参数。根据参数的不同，帮助中心的颜色也应该有所改变。我想从script。js动态地做这个。到目前为止，它是有效的。但我不想改变每个单独的块的颜色，因为那将花费太长时间，而且每次添加新内容时我都必须改变颜色。因此，我想访问舱单的设置。从script.js文件中的Json更改全局颜色。 Now the question is, can I do this somehow?
其次，我想知道我是否可以从模板内查询URL参数?我还想根据提供的参数更改徽标。用于此的文件在assets文件夹中。有没有帮助我实现这一目标的帮手?
如果两者都有可能，你能帮我完成吗?
你好,
也许有人能帮我解决我刚才描述的问题?那太好了!我现在一点进展都没有。
请登录留下评论。