帮助中心CSS食谱- Zendesk帮助亚博 - 亚博,亚博电脑端,亚博官方app

亚博Zendesk帮助< / >李< / >
指南< / >李< / >
帮助中心使用指南< / >李< / >
使用主题和自定义帮助中心< / >李< / >< / ol >< / div >< / div >
亚博Zendesk帮助< / >李< / >
指南< / >李< / >
帮助中心使用指南< / >李< / >
使用主题和自定义帮助中心< / >李< / >< / ol >

帮助中心CSS食谱

 查尔斯Nadeau< / >< / span >

编辑2023年4月11日20:30

亚博Zendesk文档团队< / span >< / div >

我的计划是什么?< / >

您可以使用层叠样式表(Cascading Style Sheets, CSS)轻松定制帮助中心的外观。这本食谱旨在帮助你使你的帮助中心看起来像你想要的那样。

注意:< / span >试用用户可以获得专业版计划，其中包括代码编辑选项，但如果他们购买了Suite Team，就不能再访问该功能。< / div >< / div >
要访问和编辑指南中的CSS，请参见自定义CSS或JavaScript< / >。

如果你是CSS的新手，或者可能有点生疏，看看下面的教程，让你跟上速度:

CSS入门< / >是针对完全初学者的最完整的CSS教程。它通过实际示例引导您了解该语言的基本特性，您可以自己尝试。

CSS初学者教程< / >给你足够的开始。

你也可以使用帮助中心模板语言或JavaScript自定义帮助中心的外观:

帮助中心模板参考< / >李< / >
帮助中心模板烹饪书< / >李< / >
帮助中心Javascript烹饪书< / >李< / >< / ul >< / div >

目录表

这本烹饪书被分成几个部分，涵盖了帮助中心的元素。每个部分都包含可以直接粘贴到主题样式表中的CSS代码。按原样使用代码或编辑它使其成为您自己的代码。

这本食谱并不详尽。通过修改HTML模板和CSS样式表，您可以做的事情的数量只受您的想象力的限制。

页眉和页脚

 更改页眉或页脚的背景颜色< / >李< / >
更改页眉或页脚的高度< / >李< / >
更改页眉或页脚上方或下方的空格< / >李< / >
更改所选语言的外观< / >李< / >
更改Submit a Request链接的外观< / >李< / >
隐藏提交请求链接< / >李< / >
更改登录链接的外观< / >李< / >
更改徽标尺寸< / >李< / >< / ul >< / div >< / div >

搜索

 更改搜索字段的宽度或高度< / >李< / >
更改搜索字段的背景颜色< / >李< / >
更改搜索文本的外观< / >李< / >
更改结果页标题的外观< / >李< / >
更改搜索结果关键字突出显示的外观< / >李< / >
更改知识库和社区标题的外观亚博官方app< / >李< / >
更改结果之间的间距< / >李< / >
更改结果文本的外观< / >李< / >
更改结果链接的颜色< / >李< / >< / ul >< / div >< / div >

面包屑

 改变面包屑上方和下方的空间< / >李< / >
更改breadcrumb文本的外观< / >李< / >
更改面包屑链接的颜色< / >李< / >
更改面包屑中的指针字符(>)< / >李< / >< / ul >< / div >< / div >

文章列表

 改变文章列表周围的空格< / >李< / >
改变冠词之间的间距< / >李< / >
更改文章链接的外观< / >李< / >
更改文章链接的颜色< / >李< / >< / ul >< / div >< / div >

亚博官方app知识库文章

 改变文章标题的外观< / >李< / >
更改文章文本的外观< / >李< / >
改变文章链接的颜色< / >李< / >
更改作者姓名的外观< / >李< / >
更改最近更新的字符串的外观< / >李< / >
改变“这篇文章有帮助吗?”< / >李< / >
更改投票计数器的外观< / >李< / >
改变“有更多问题吗?”提交请求"< / >李< / >
更改Comments标题的外观< / >李< / >
更改注释文本的外观< / >李< / >< / ul >< / div >< / div >

社区问答

 更改问题标题的外观< / >李< / >
更改问题文本的外观< / >李< / >
改变问题链接的颜色< / >李< / >
更改问题作者姓名的外观< / >李< / >
改变问题发布后时间的样子< / >李< / >
更改共享问题链接的外观< / >李< / >
改变答案标题的外观< / >李< / >
改变答案文本的外观< / >李< / >
更改答案作者姓名的外观< / >李< / >
改变答案发布以来时间的面貌< / >李< / >
更改共享回答链接的外观< / >李< / >< / ul >< / div >< / div >< / div >

页眉和页脚

头部根据主题和用户角色显示徽标和其他组件。您可以使用页脚显示相关链接、公司信息或法律通知。

回到目录表< / >。

更改页眉或页脚的背景颜色

更改或添加背景颜色属性。

标题:

.header{背景颜色:#666;}

页脚:

.footer {background-color: #333;}

更改页眉或页脚的高度

更改或添加高度属性。

标题:

.header{高度:70px;}

页脚:

.footer{高度:20px;}

更改页眉或页脚上方或下方的空格

更改或添加margin-bottom和margin-top属性。

标题:

.header {margin-bottom: 20px;}

页脚:

.footer {margin-top: 10px;}

更改所选语言的外观

添加以下选择器和属性:

.language-selector .dropdown-toggle{颜色:绿色;}

更改Submit a Request链接的外观

添加以下选择器并添加或修改文本属性:

.submit-a-request {font-size: 14px;颜色:绿色;}

隐藏提交请求链接

修改以下选择器:

.submit-a-request{显示:none;}

更改登录链接的外观

在以下选择器中添加或修改文本属性:

.login {font-size: 14px;颜色:绿色;}

更改徽标尺寸

虽然推荐的徽标图像大小为200px * 50px，但如果需要，您可以覆盖此默认值。

注意:< / span >要使用比推荐尺寸更大的徽标，您需要在Zendesk Support实例之外的某个地方托管徽标图像。亚博< / div >
更改徽标大小

在指南中，单击自定义设计（)图标。李< / >
点击编辑主题。李< / >
点击CSS打开CSS样式表，然后搜索以下规则:

.logo img {max-height: 37px;}

要搜索，请在代码编辑器中单击并按Control+F (Windows)或Cmd+F (Mac)。

修改高度属性在“。选择器，以匹配图像的高度。李< / >
点击保存。李< / >< / ol >< / div >< / div >< / div >< / div >

搜索

搜索框查找知识库和社区中的内容，并在结果页面上显示链接。亚博官方app如果您愿意，您可以删除搜索框。有关更多信息，请参见搜索助手< / >请参阅“帮助中心模板”指南。

回到目录表< / >。

更改搜索字段的宽度或高度

改变宽度或高度以下选择器中的值。

大型搜索框:

.search input[type=search] {height: 50px;宽度:90%;}

小搜索框:

.search-small input[type=search] {height: 50px;宽度:320 px;}

更改搜索字段的背景颜色

改变背景属性。

大型搜索框:

.search input[type=search]{背景:#999;}

小搜索框:

.search-small input[type=search]{背景:#999;}

更改搜索文本的外观

在以下选择器中更改或添加文本属性。

大型搜索框:

.search {font-size: 12px;font-family: homa, Arial, sans-serif;}

小搜索框:

.search-small {font-size: 12px;font-family: homa, Arial, sans-serif;}

更改结果页标题的外观

搜索结果页面上的标题由搜索词返回的结果数量组成。例子:“serial number”有9个结果。

添加以下选择器，如果它还没有在样式表中，并更改或添加文本属性:

.search-results-heading {font-size: 36px;font-family: homa, Arial, sans-serif;}

更改搜索结果关键字突出显示的外观

搜索结果中突出显示的术语用内联元素包装在.search-result-description容器下。如果你想让高光在黄色背景下显示为粗体，你可以这样做:

.search-result-description em {font- size:粗体;background - color: # FFF3CA;Padding: 0px 3px 2px;border - radius: 3 px;}

更改知识库和社区标题的外观亚博官方app

在以下选择器中添加或修改文本属性:

.search-results-subheading {font-size: 24px;font-family: homa, Arial, sans-serif;}

更改结果之间的间距

添加一个margin-bottom属性:

.search-result {margin-bottom: 20px;}

更改结果文本的外观

在以下选择器中更改或添加文本属性:

.search-result {font-size: 105%;font-family:宋体;}

更改结果链接的颜色

添加或修改颜色属性:

.search-result a {color: #484;}

面包屑

面包屑可以帮助用户浏览帮助中心中的内容。如果你愿意，你可以去掉面包屑。有关更多信息，请参见面包屑的助手< / >请参阅“帮助中心模板”指南。

回到目录表< / >。

改变面包屑上方和下方的空间

添加或更改填充属性:

.面包屑{衬垫;20 px;padding-bottom: 16 px;}

更改breadcrumb文本的外观

在以下选择器中更改或添加文本属性:

. breadcrumli {font-size: 12px;font-family:宋体;}

更改面包屑链接的颜色

添加以下选择器和属性:

.面包屑li a {color: #484;}

更改面包屑中的指针字符(>)

改变颜色和内容属性:

. breadcrumli + li:before {color: #158EC2;内容:“> >”;}

文章列表

根据主题的不同，文章列表被用于主页、类别登录页面和部分登录页面。

回到目录表< / >。

改变文章列表周围的空格

添加或修改以下选择器和填充属性:

.article-list {padding-left: 16px;padding-right;20 px;}

改变冠词之间的间距

改变margin-bottom属性:

. font - family:宋体;}

更改文章链接的外观

在以下选择器中更改或添加文本属性:

. font- family:宋体;font-family:宋体;}

更改文章链接的颜色

添加以下选择器和属性:

.article-list li a {color: #FFF;}

亚博官方app知识库文章

您可以更改知识库中文章的外观。亚博官方app

回到目录表< / >。

改变文章标题的外观

添加或修改以下选择器和属性:

.article-header h1 {color: #993;font-family:宋体;字体大小:20 px;}

更改文章文本的外观

添加或修改以下选择器和属性:

.article-body {color: #666;font-family:宋体;字体大小:13 px;}

改变文章链接的颜色

添加或修改以下选择器和属性:

.article-body a {color: #930;}

更改作者姓名的外观

添加或修改以下选择器和属性:

.article-author a {color: #669;font-family:宋体，Times New Roman, serif;字体大小:16 px;}

更改最近更新的字符串的外观

添加或修改以下选择器和属性:

.文章更新{颜色:#CCC;font-family:宋体;字体大小:13 px;}

改变“这篇文章有帮助吗?”

添加或修改以下选择器和属性:

.article-votes-question {color: #763;font-family:宋体;字体大小:14 px;}

更改投票计数器的外观

例如:“8个人中有6个人认为这很有帮助”。添加或修改以下选择器和属性:

font-family:宋体，Times New Roman, serif;字体大小:10 px;}

改变“有更多问题吗?”提交请求"

添加或修改以下选择器和属性:

font-family:宋体，宋体，宋体;字体大小:105%;}

更改Comments标题的外观

添加或修改以下选择器和属性:

.article-comments h2 {color: #666;font-family:宋体，Times New Roman, serif;字体大小:130%;}

更改注释文本的外观

添加或修改以下选择器和属性:

.comment-body {color: #666;font-family:宋体;字体大小:12 px;}

社区问答

您可以更改社区内容的外观和感觉。

回到目录表< / >。

更改问题标题的外观

添加或修改以下选择器和属性:

.question-title {color: #484;font-family:宋体;字体大小:120%;}

更改问题文本的外观

添加或修改以下选择器和属性:

.question-text {color: #666;font-family:宋体;字体大小:14 px;}

改变问题链接的颜色

添加或修改以下选择器和属性:

.question-text a {color: #484;}

更改问题作者姓名的外观

添加或修改以下选择器和属性:

.question-author {font-family:宋体，Times New Roman, serif;字体大小:12 px;}

要更改链接颜色，请添加或修改以下选择器和属性:

.question-author a {color: #484;}

由于问题作者的姓名、问题发布后的时间和共享链接通常在一个页面上组合在一起，因此使这三个元素看起来相同具有良好的设计意义。要做到这一点，请使用以下组合选择器:

.question-author， .question-published， .question-share {font-family: Georgia, Times New Roman, serif;字体大小:12 px;}

改变问题发布后时间的样子

添加或修改以下选择器和属性:

.question-published {font-family: Georgia, Times New Roman, serif;字体大小:12 px;}

更改共享问题链接的外观

添加或修改以下选择器和属性:

.question-share {font-family:宋体，Times New Roman, serif;字体大小:12 px;}

改变答案标题的外观

添加或修改以下选择器和属性:

.answer-list-heading {color: #4CC;font-family:宋体;字体大小:105%;}

改变答案文本的外观

添加或修改以下选择器和属性:

.answer-text {color: #333;font-family:宋体;字体大小:105%;}

更改答案作者姓名的外观

添加或修改以下选择器和属性:

.answer-author {font-family:宋体，Times New Roman, serif;字体大小:12 px;}

要更改链接颜色，请添加或修改以下选择器和属性:

.answer-author a {color: #484;}

由于答案作者的姓名、答案发布后的时间和共享链接通常在一个页面上组合在一起，因此使这三个元素看起来相同是很有意义的设计。要做到这一点，请使用以下组合选择器:

.answer-author， .answer-published， .answer-share {font-family: Georgia, Times New Roman, serif;字体大小:12 px;}

改变答案发布以来时间的面貌

添加或修改以下选择器和属性:

{font-family:宋体，Times New Roman, serif;字体大小:12 px;}

更改共享回答链接的外观

添加或修改以下选择器和属性:

.answer-share {font-family:宋体，Times New Roman, serif;字体大小:12 px;}

6< / span > 38< / >< / div >< / div >

回到顶端

38岁的评论

日期< / >票< / >< / div >< / div >< / >节

 姜克里森< / >< / span >

2021年3月3日22:48

我想在我的新请求表单上更改上传文件的颜色。我们的背景是黑色的，使得灰色链接颜色难以阅读。我这辈子都找不到style。css的样式了。在检查过程中，它将其标记为class = "upload-link"，但在style.css中没有这样的选项。

0< / span >

Budke,约翰< / >< / span >

2021年3月11日17:44

你好,姜:

我前几天才这么做过。在我的样式表中，它的第1611行，在upload-dropzone下。你会看到我添加的最后一行是背景色。我还调整了放置区域的大小。

.upload-dropzone span {
颜色:变亮($text_color, 20%);
字体大小:15 px;
身高:80 px;
宽度:300 px;
边框:2px实线#000000;
border - radius: 4 px;
background - color: # ccf5ff;

结果如下:

希望这对你有所帮助。

1< / span >

布雷特加油车< / >< / span >

2021年3月12日15:18

亚博Zendesk社区经理< / span >< / div >

非常感谢John分享你的解决方案!这是超级有用的:)

1< / span >

永久删除的用户< / span >

April 06, 2021 00:47

我想在指南中做一些高级的CSS，特别是手风琴，但也有其他的东西。我尝试了社区中推荐的几个选项，包括Bootstrap，但它们似乎不太适合Zendesk。亚博我找到了Zend亚博esk Garden(例如，https://garden.亚博zendesk.com/components/accordion< / >)，但它似乎围绕着构建应用程序而不是修改Zendesk指南。亚博有什么建议吗?

0< / span >

贾丝廷娜·汤普森< / >< / span >

2021年4月21日21:47

在类别上的文章标题之间添加水平线分隔符并查看所有文章页面的代码是什么?

0< / span >

艾米Gracer< / >< / span >

2021年5月10日18:19

社区的主持人< / span >< / div >

你好,贾丝廷娜,

你可以使用border-top

例如,

.section-tree-title< / span >< / span >｛< / span >< / div >< / div >

margin-bottom< / span >：< / span >0< / span >；李< / >
字体大小< / span >：< / span >18 px< / span >；李< / >
粗细< / span >：< / span >600< / span >；李< / >
颜色< / span >：< / span ># 333333< / span >；李< / >
margin-top< / span >：< / span >10 px< / span >；李< / >
border-top< / span >：< / span >#336699 1px实心< / span >；

}< / div >
我不太确定你想把这个应用到什么元素上，但是border-top应该可以工作。< / div >

0< / span >

伊恩•摩根< / >< / span >

2021年10月14日15:58

嗨。如果屏幕宽度低于600px，我试图隐藏。block-item-description。原因是当在手机或更小的屏幕上查看网站时，描述和。blocks-item-title合并在一行中。我已经尝试添加到CSS如下所示。我把它放在。blocks-item-description之后，但无论我做什么，我仍然看到描述。它似乎没有看到命令。有人能帮我一下吗?我应该指出，我是一个业余的CSS和HTML程序员，我学习，所以对我温柔。

提前谢谢你。

@media screen and (max-width: 600px){
.blocks-item-description {
显示:没有;
}
}

这是它现在的样子。“一般”是标题，“非特定产品”是描述。

这是屏幕变大时的样子

0< / span >

艾米Gracer< / >< / span >

2021年10月14日16:21

社区的主持人< / span >< / div >

嗨,伊恩,

我也是个业余爱好者……所以对我的建议持保留态度。我不确定为什么，但尝试改变最大宽度到最小宽度。

如果有用的话告诉我。如果没有，我会集思广益其他的想法，或者有更多CSS经验的人会有一个真正有效的解决方案!

0< / span >

伊恩•摩根< / >< / span >

2021年10月14日16:26

谢谢你，艾米

我也尝试过最小宽度，但这只是将描述从更宽的屏幕上移除。

再次感谢。

0< / span >

艾米Gracer< / >< / span >

2021年10月14日16:35

社区的主持人< / span >< / div >

也许这与你的HTML代码有关?那看起来像什么?

我问你是因为你的标题和描述是相互冲突的，所以我想知道这个类是如何定义的

我:

< span style =" font - family ">

基本信息

最新消息

李< / >

0< / span >

伊恩•摩根< / >< / span >

2021年10月14日16:38

嗨,艾米。

这绝对是可能的。下面是代码。我看不出有什么问题，但对更有知识的人来说可能很明显。

再次感谢

< div class = "容器" >
< ul类= " blocks-list " >
{{#每个类别}}
{{#如果. . / has_multiple_categories}}
<李类= " blocks-item " >

< span class = " blocks-item-title”>{{名称}}< / span >
{{节选描述}}

< / >
李< / >
{{其他}}
{{#每个部分}}
<李类= " blocks-item " >

< span class = " blocks-item-title”>
{{名称}}
< / span >
{{节选描述}}

< / >
李< / >
{{/每个}}
{{/如果}}
{{/每个}}
< / ul >
{{分页}}
< / div >
< / >节

0< / span >

艾米Gracer< / >< / span >

2021年10月14日18:05

社区的主持人< / span >< / div >

这看起来与默认主题没有变化。当我加载默认主题(Copenhagen)和视图时，块会正确地调整大小。

因此，如果要进行故障排除，下一步将是加载默认的Copenhagen主题，看看它是否正常工作。如果确实如此，那么将CSS中的所有块代码替换为哥本哈根CSS中的代码。如果您不想替换它，那么注释掉您的代码并在哥本哈根复制，看看这是否解决了您的问题

0< / span >

伊恩•摩根< / >< / span >

2021年10月15日10:51

你好,艾米

非常感谢您在这里和我在其他关于登录下拉的帖子中持续的支持。这个社区一直在帮助我解决问题，因为我一直在学习如何修改我们的网站。

我已经尝试了你的建议，正如你所怀疑的，我的代码中有错误。它似乎是在我的CSS文件，所以我在比较我的CSS与哥本哈根版本的过程中。当我发现我的错误时，我会在这里更新，以便其他人可能会看到同样的问题。

0< / span >

Stephen Kairys< / >< / span >

2021年12月27日15:11

你好,

节日快乐。:)

您是否有一篇文章解释如何使用CSS(或其他任何东西)来创建自动化ToC?(目录)?理想情况下，section # 5也可以作为实际文章中任何标题的前缀。

例如,

1.2.4修改供应商

谢谢。

0< / span >

布雷特加油车< / >< / span >

2021年12月28日15:00

亚博Zendesk社区经理< / span >< / div >

嘿,斯蒂芬,

看起来你在下面的帖子中得到了关于设置这个的回应:目录?< / >

希望这能给你指明正确的方向!

0< / span >

Stephen Kairys< / >< / span >

2021年12月28日22:33

下周我去看看。谢谢你！

0< / span >

唐考尔< / >< / span >

2022年6月9日22:24

我试图使用媒体信息来隐藏一些元素时打印的KB文章。我看到CSS表中的语法使用媒体宽度样式“@media (min-width: 1160px)”

有人知道如何为Zendesk构建一个CSS条目，如果媒体是“打印”，它将应用一个样式吗?亚博

0< / span >

埃里克·纳尔逊< / >< / span >

2022年6月13日18:24

亚博Zendesk开发者倡导< / span >< / div >

嘿,不,

处理这个问题最简单的方法是创建一个单独的样式表，而不是在入口级上。

希望这对你有帮助!

0< / span >

Jana Debusk< / >< / span >

2022年7月13日18:59

我们有哥本哈根主题，文章中的所有图像在发布时都被更改为“头像”(它们在草稿中是全尺寸)。关于如何用CSS解决这个问题有什么建议吗?

0< / span >

杰夫C< / span >

2022年7月20日14:20

亚博Zendesk客户服务< / span >< / div >

嘿,简,

我建议您通过上述第二种方式与我们联系在这里< / >这样我们就可以进一步研究你的要求了。我想设置你的期望，虽然自定义代码是范围之外，特别是如果你的哥本哈根主题是定制的，但我们很乐意提供选项。

0< / span >

艾萨克Starobin< / >< / span >

2022年10月30日12:04

我试图自定义有序列表中的数字，使它们有漂亮的圆圈背景。我从这个CSS开始:

.article-body ol{列表样式:none;李counter-reset:}
Li:before {content: counter(Li);颜色:红色;
显示:inline-block;宽度:1 em;
margin-left: 1 em}
Li{反增量:Li}

它确实对数字进行了格式化，但它也在文章页面的一些非常奇怪的地方添加了数字，比如底部的社交图标。

任何想法如何修改CSS，使其仅适用于文章主体内的有序列表?

谢谢!

0< / span >

艾米Gracer< / >< / span >

2022年10月31日12:36

社区的主持人< / span >< / div >

艾萨克Starobin< / >

我认为发生的事情是你把所有的OL都包括在文章中。你会用一个类来处理那个，它说只有当你应用那个特殊类时才使用你的特殊编码。

我希望这对你来说足够了。我有一段时间没有使用这种样式了，所以我现在不能写出确切的语句，但是如果您需要更多的帮助(没有其他更有经验的人加入进来)，我将使用它并找出它。让我知道，祝你好运!

1< / span >

艾萨克Starobin< / >< / span >

2022年11月1日19:54

艾米Gracer< / >艾米Gracer< / >

谢谢你的关注!不幸的是，这看起来超出了我非常有限的CSS能力。如果你有什么主意，我洗耳恭听!

0< / span >

艾米Gracer< / >< / span >

2022年11月1日21:10

社区的主持人< / span >< / div >

艾萨克Starobin< / >

嗨,艾萨克,

看起来你不需要把它放在文章主体内。只需创建一个选择器——我称之为“fancy”——然后将其应用到您希望它出现的有序列表中。

在style.css

.fancy {
list-style:没有;
counter-reset:李
}
.fancy > li::before {
内容:计数器(李);颜色:红色;
显示:inline-block;宽度:1 em;
margin-left: 1 em
}
.花式li {
counter-increment:李
}

在你的HTML中

< ol类=“花哨”>
<李>测试李< / >
<李>测试李< / >
<李>测试李< / >
< / ol >

0< / span >

大卫金斯伯里< / >< / span >

2022年11月9日20:55

嘿，我有一个问题:是否有可能使出现在帮助中心的横幅或其他地方的内容对时间敏感?

我想试着让它在适当的时候自动提供节日信息等服务，然后根据需要自动退出。

0< / span >

埃里克·纳尔逊< / >< / span >

2022年11月10日16:42

亚博Zendesk开发者倡导< / span >< / div >

嘿,大卫,

你绝对可以这么做。最好的方法是编写一个比较日期检查函数，根据日期显示/隐藏自定义元素。

下面的示例将显示或隐藏一个名为“myBanner”的自定义元素，这取决于日期是否与所提供的日期匹配。

函数isToday(日期){ const today = new Date(); if (today.toDateString() === date.toDateString()) { 返回true; } 返回错误; } if (isToday(new Date(' 11/10/2022 ')) === true){ .style . getelementbyid(“myBanner”)。Display = 'block'; } 其他{ .style . getelementbyid(“myBanner”)。Display = 'none' }

0< / span >

杰西卡·派克< / >< / span >

2022年12月21日18:25

我看到了关于如何隐藏“提交请求”的说明，我们已经通过在script.js中添加以下内容来隐藏匿名用户(未登录):

//根据角色显示div html
如果(HelpCenter.user.role = =“匿名”){
$ (' a.submit-a-request ') hide ();
}

我希望与标题中的“社区”链接做同样的事情，但我似乎无法让它工作-不确定类名称是什么，或者这是否可能?

0< / span >

格雷格Katechis< / >< / span >

2022年12月22日23:05

亚博Zendesk开发者倡导< / span >< / div >

你好杰西卡!如果你去页眉。HBS模板，你可以用一个条件来包装现有的社区块来检查用户是否登录，像这样:

{{#如果signed_in}}
<李>{{链接‘社区’}}< /李>
{{/如果}}

0< / span >

杰西卡·派克< / >< / span >

2022年12月23日17:39

格雷格Katechis< / >成功了，谢谢!我修改了一点，所以它不会添加空格:

{{#如果signed_in}}
{{链接‘社区’}}
{{/如果}}

再次感谢!

0< / span >

Timo Boezeman< / >< / span >

2023年2月2日13:09

你好,

我正忙着修改我们的指南主题，这一切都很顺利，除了一个元素，我似乎找不到style.css文件。

我想要的是改变即时搜索结果下拉菜单的外观。但是我真的不知道去哪里上课。

这就是我说的下拉菜单:

0< / span >

下一个< / span >
最后的< / span >

请登录< / >留下评论。

帮助中心CSS食谱

目录表

页眉和页脚

搜索

面包屑

文章列表

亚博官方app知识库文章

社区问答

页眉和页脚

更改页眉或页脚的背景颜色

更改页眉或页脚的高度

更改页眉或页脚上方或下方的空格

更改所选语言的外观

更改Submit a Request链接的外观

隐藏提交请求链接

更改登录链接的外观

更改徽标尺寸

搜索

更改搜索字段的宽度或高度

更改搜索字段的背景颜色

更改搜索文本的外观

更改结果页标题的外观

更改搜索结果关键字突出显示的外观

更改知识库和社区标题的外观亚博官方app

更改结果之间的间距

更改结果文本的外观

更改结果链接的颜色

面包屑

改变面包屑上方和下方的空间

更改breadcrumb文本的外观

更改面包屑链接的颜色

更改面包屑中的指针字符(>)

文章列表

改变文章列表周围的空格

改变冠词之间的间距

更改文章链接的外观

更改文章链接的颜色

亚博官方app知识库文章

改变文章标题的外观

更改文章文本的外观

改变文章链接的颜色

更改作者姓名的外观

更改最近更新的字符串的外观

改变“这篇文章有帮助吗?”

更改投票计数器的外观

改变“有更多问题吗?”提交请求"

更改Comments标题的外观

更改注释文本的外观

社区问答

更改问题标题的外观

更改问题文本的外观

改变问题链接的颜色

更改问题作者姓名的外观

改变问题发布后时间的样子

更改共享问题链接的外观

改变答案标题的外观

改变答案文本的外观

更改答案作者姓名的外观

改变答案发布以来时间的面貌

更改共享回答链接的外观

38岁的评论

基本信息