我看到了默认配色方案的相同问题(我之前没有切换过方案)。
奇怪的是,背景和图标使用了相同的 --primary-low-mid 颜色,而且我没有看到任何关于这方面的近期更改。![]()
我看到了默认配色方案的相同问题(我之前没有切换过方案)。
奇怪的是,背景和图标使用了相同的 --primary-low-mid 颜色,而且我没有看到任何关于这方面的近期更改。![]()
好的,感谢您的报告,我已找到问题并已修复。
大家好。我正在使用 Air 主题,并希望在论坛主页上向用户显示最新帖子,但 Air 主题仅显示类别,也没有显示最新活动帖子(就像默认主题一样)。
如何在移动设备主页上同时显示类别和最新帖子(就在类别下方)?
这可能不是最简洁的方法,但请将以下几行添加到 Desktop CSS 中
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
大家好,我刚刚更新了 Air 主题。顺便说一句,我很喜欢它。
但我以前使用 discourse-trendy-login 在登录屏幕上设置了背景图片,但现在我使用的是 Air 主题,却无法显示背景图片。我该如何更改?提前感谢。
您能分享一下您网站的链接吗?
我想这应该对您有用:
.background-container {
display: none;
}
如果不行,请在此处反馈。
您好 Jordan,
在使用带有图片的 Banner 时,我遇到了一个奇怪的现象:图片被拉伸,导致水平滚动。
而 onebox 似乎能正确显示宽度。
下图显示了 Banner 的顶部栏向右滚动,将“cleaning sed”和“edit”居中。
我尝试了不同的图片尺寸。在主题中,用于 Banner 的帖子显示正常。这似乎也影响了至少使用 RSS 插件拉取的 YouTube 框。尚未测试常规 YouTube onebox。
如何解决这个问题?是否可以通过 CSS 增加可见 Banner 的高度?
一些用户询问了如何在“分类”页面中显示子分类。这与 Modern Category + Group Boxes 组件有关,但由于它没有自己的主题(对吧?),我将在此分享我的发现:
这样做有效:
/* 显示子分类 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* 移除列表中的分类图片 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
另外,如果你有很多子分类,也许你想每行显示一个分类。
/* 每行一个分类 */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
结果看起来像这样:
我认为这些框有一个高度限制,但我还没有找到移除它的方法。我们还没有足够的子分类在桌面上看到这个问题,但我们在移动设备上遇到了限制:
有什么解决这个问题的想法吗?
我在 Chrome 和 Edge 浏览器上遇到了此主题的响应式问题,但在 Firefox 上是正常的。
我该如何解决?
谢谢
有没有办法在桌面版的主题列表中以圆形格式保留头像?我在手机上查看过,它是圆形的,但为什么在桌面版上是方形的。
在我的 Air 主题中,桌面头像与移动端一样是圆形的。
您是否有将头像更改为方形的组件?
根据帖子编辑,头像应该是方形的……
不,我没有。我正在使用 Discourse 的默认主题和 Air 主题。Discourse 默认主题使用的是圆形格式。如果你看上面其他的版块图片,它们都是方形的。
而且头像看起来不圆滑。
也许可以使用这个 Theme component 来纠正它。
正是我需要使用的。非常感谢!
有人能告诉我如何更改此主题的背景吗?
你能更具体一点吗?有几个地方可以用图片修改背景。
您好 @jordan.vidrine,我注意到有几个地方内容没有被容器包裹。
我更希望将这些元素“气泡化”。因为当某些文本从白色背景变为蓝色背景时,会很难阅读。
这是徽章部分。另外,“获得的…”部分也有同样的问题。
我更喜欢气泡效果而不是纯粹的白色列,因为我认为它有更好的视觉效果。这对其他浮动元素甚至现代类别组标题也很有用。
Air 主题支持在线用户插件 Plugin
编辑通用 CSS 并添加以下代码
// Whis 在线自定义
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
在 Air 主题中启用组件
结果:之前显示没有背景色或边框,难以阅读
有几个区域我希望修复这个问题。
示例显示在我之前的帖子中。
编辑:为全局横幅添加修复 problem
关于全局横幅规格的附加信息:
//全局横幅图像修复
#banner img {
width: 100%;
height: auto;
}
特别感谢 @awesomerobot 提供此代码片段
大家好,我正试图为这个主题添加一些自定义 CSS,但该选项与其他主题自定义选项一起不见了。我错过了什么?