移动版本未显示类别描述

[Bärbel_Hucke]

你好，我们的分类描述在移动版本中未显示。您能帮我一下吗？我对 CSS 不太熟悉，但每天都在学习一点点。

桌面端

移动端

感谢您的支持。

[Bcat]

您可以尝试将以下代码添加到 CSS 中：

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

太好了，非常感谢！

我可以再问两个问题吗？

• 是否可以将描述直接放在图标旁边？
• 如何更改蓝色按钮中的字体颜色？我在主题的颜色设置中找不到这个按钮

谢谢！

[Bcat]

这两个元素相隔较远，因此仅通过 CSS 进行修改非常困难，或者可能会破坏其他组件。
总的来说，这是一个临时性的更改。
按钮的背景色已更改，因此我们可以使用 CSS 类来调整文本颜色：

.list-controls .container #create-topic {
    color: #fff;
}

颜色变量：Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

这很有帮助！非常感谢！

[UnitedFreedom (James)]

您好 @Bcat，感谢您提供用于在移动设备上添加描述的有用 CSS 代码。

是否可以在移动设备上让描述显示在图片右侧，而不是图片下方？

就像这样？

[Jack_Sparrow]

应该可以使用简单的 CSS 来实现。将图像浮动到左侧，并将父 div 的位置设置为相对。

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

感谢你的这个方法