文章部分页面-拆分文章栏为2?
回答嗨,伙计们!
我想知道是否有人能帮我弄清楚如何将文章列表放在第2页的栏目中?差不多是这样的:https://support.亚博zendesk.com/hc/en-us/sections/206667367-Setting-up-Zendesk-Guide
谢谢:)
-
嘿，你可以使用这段代码，只需要复制粘贴它，我在哥本哈根主题上尝试过，所以你需要注意类名，如果你的模板有任何不同的类。
.section-content .article-list {
显示:flex;
flex-wrap:包装;
}
@media (min-width: 768 px) {
.section-content .article-list-item {
宽度:50%;
填充:0 20px 0 0;
}
[dir="rtl"] .section-content .article-list-item{
填充:0 0 0 20px;
}
}团队
-
嗨！天哪，太感谢你了，这很有帮助!你真了不起!
很抱歉，你能再帮我做一件事吗?它分为两列，但我希望它们可能以另一种方式堆叠:
过去是这样的:
一个
B
C
D现在是:
C | a
D | b我希望它是:
A | c
B; d谢谢:)
编辑:我想我通过在这里添加“flex-direction: row-reverse;”
.section-content .article-list {
显示:flex;
flex-wrap:包装;
flex-direction: row-reverse;再次感谢你!!
-
好了，你想要反转这些列。
删除之前的代码并复制粘贴以下代码:
.section-content .article-list {
显示:flex;
flex-wrap:包装;
flex-direction：row-reverse；//只添加此属性
}
@media (min-width: 768 px) {
.section-content .article-list-item {
宽度:50%;
填充:0 20px 0 0;
}
[dir="rtl"] .section-content .article-list-item{
填充:0 0 0 20px;
}
} -
太棒了!
-
这个在style。css中吗?
-
嗨@Cesar Perez，
是的，它进入底部的style.css文件。
谢谢:)
-
谢谢-所以我确实添加了它，但文章仍然显示为一个专栏，而不是两个。还有什么我们可以尝试或做的吗?
-
好的，你可以在这里分享你的帮助中心公共网址，我来找出问题所在。
可能是因为不同的类名。
-
当然，它是helpdesk.kaseya.com，如果您需要它，可以启用帐户假设。谢谢。
-
将下面的CSS代码添加到style.css文件中，并检查section页面列表:
.section-page .article-list {
显示:flex;
flex-wrap:包装
}
.section-page .article-list-item {
Flex: 10 100%;
}
@media (min-width: 768 px) {
.section-page .article-list-item {
Flex: 1 0 45%;
margin-right: 30 px;
}
}如果它解决了你的问题，请告诉我。
谢谢
-
我用最新的代码替换了这些代码，但是仍然没有两列的KB文章。
-
知识库树的文章，在主页上，对吧?
-
分享哪个页面的截图你想这么做?
-
啊，这就是我们想要的两列:
https://helpdesk.kaseya.com/hc/en-gb/categories/204079068
对于每个类别页面。
-
嗨，替换代码，添加这个新片段:
.category-page .section-tree .article-list{
显示:flex;
flex-wrap:包装
}
.category-page .article-list-item {
Flex: 10 100%;
}
@media (min-width: 768 px) {
.category-page .article-list-item {
Flex: 1 0 45%;
margin-right: 30 px;
}
}输出是:
-
太棒了!这工作。
有办法让每栏有超过3个子弹吗?
-
这是Zendesk的默认功能，当你的部分有超过6篇文章时，它亚博会显示一个链接“查看所有XYZ文章”。
您可以根据自己的需求尝试以下解决方案:
-
今天晚些时候我去看看。
谢谢你的帮助!
-
太酷了!
-
嗨,塞萨尔,
我将为您的问题打开一个票证，我们将通过票证继续提供支持。
问候,安娜
安娜。
Zendesk技术支持专员| EMEA亚博 -
嗨，Cesar，使用这段代码，只复制并粘贴在样式表的底部区域。
.section-page .article-list {
显示:flex;
flex-wrap:包装
}
.section-page .article-list-item {
Flex: 10 100%;
}
@media (min-width: 768 px) {
.section-page .article-list-item {
Flex: 1 0 45%;
margin-right: 30 px;
}
}添加上述代码后的截图
-
章节的默认页面有两列——分别对应我的两个类别。我将添加第三类，并希望他们在行中显示-我四处搜索，但找不到答案。提前感谢任何帮助
-
嗨,约翰,
如果我没理解错的话，在你的分类页面上不要有两列的部分，你只需要一个，每个部分都列在最后一个部分的下面。如果是这种情况，那么你可以很容易地通过修改主题的style.css文件中的一个数字来实现这一点——找到这段代码:
@media (min-width: 768px) {
.section-tree .section {
Flex: 0 0 45%;
/ *平板电脑和台式电脑两列。在列之间留下5%的间隔*/
}
}
把45%变成100%。
和
-
＠约翰DiGregorio如果我对你的理解正确的话，你想要像下面这样的三个部分:
要做到这一点，进入你的style.css文件，找到classes，将45%改为33%:.section-tree .section
目前(默认情况下)你有45%的两列一行:
更改后，您将有33%的三列连续:
如果你想在一行中只有一个部分，那么它将是100%的单列一行:
团队
-
嗨，你能告诉我如何在我的章节页面中创建两列以便子章节在两列中吗?一个例子是:使用指南帮助中心- Zendesk帮助亚博。每个小节都被放置在任意一列中，下面是他们的文章列表。谢谢你！
-
嗨:),
i).在子节下面添加文章，并在div中包装，并删除SVG图标的代码。
ii).将给定的CSS添加到样式表中。
.section-container .section-list,
.section-container .article-list {
显示:flex;
flex-wrap:包装;
}
section-container .section-list
.section-container .article-list-item {
Flex: 1 0 290px;
边界:0;
}iii).输出为-
谢谢
请登录留下评论。
27日评论