# 空气主题
**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [2021年七月20日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 16
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024年三月15日 19:56 UTC](https://meta.discourse.org/t/air-theme/197703/506 "2024-03-15T19:56:05Z")
我看到了默认配色方案的相同问题（我之前没有切换过方案）。
奇怪的是，背景和图标使用了相同的 `--primary-low-mid` 颜色，而且我没有看到任何关于这方面的近期更改。🤔
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月15日 20:47 UTC](https://meta.discourse.org/t/air-theme/197703/507 "2024-03-15T20:47:05Z")
好的，感谢您的报告，我已找到问题并已修复。
---
### Author:  [@friday7474](https://meta.discourse.org/u/friday7474)
#### Post date: [2024年三月29日 19:10 UTC](https://meta.discourse.org/t/air-theme/197703/509 "2024-03-29T19:10:19Z")
大家好。我正在使用 Air 主题，并希望在论坛主页上向用户显示最新帖子，但 Air 主题仅显示类别，也没有显示最新活动帖子（就像默认主题一样）。
如何在移动设备主页上同时显示类别和最新帖子（就在类别下方）？
---
### Author:  [@Ragnar](https://meta.discourse.org/u/Ragnar)
#### Post date: [2024年三月31日 13:26 UTC](https://meta.discourse.org/t/air-theme/197703/510 "2024-03-31T13:26:32Z")
大家好，是否可以显示有多少人查看了这些主题？
---
### Author:  [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [2024年四月1日 16:51 UTC](https://meta.discourse.org/t/air-theme/197703/511 "2024-04-01T16:51:56Z")
这可能不是最简洁的方法，但请将以下几行添加到 Desktop CSS 中
```css
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
```
---
### Author:  [@Adam\_Fox](https://meta.discourse.org/u/Adam_Fox)
#### Post date: [2024年四月2日 10:40 UTC](https://meta.discourse.org/t/air-theme/197703/512 "2024-04-02T10:40:14Z")
大家好，我刚刚更新了 Air 主题。顺便说一句，我很喜欢它。
但我以前使用 `discourse-trendy-login` 在登录屏幕上设置了背景图片，但现在我使用的是 Air 主题，却无法显示背景图片。我该如何更改？提前感谢。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年四月2日 16:11 UTC](https://meta.discourse.org/t/air-theme/197703/513 "2024-04-02T16:11:37Z")
您能分享一下您网站的链接吗？
_我想_这应该对您有用：
```plaintext
.background-container {
display: none;
}
```
如果不行，请在此处反馈。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年四月10日 21:54 UTC](https://meta.discourse.org/t/air-theme/197703/514 "2024-04-10T21:54:28Z")
您好 Jordan，
在使用带有图片的 Banner 时，我遇到了一个奇怪的现象：图片被拉伸，导致水平滚动。
而 onebox 似乎能正确显示宽度。
下图显示了 Banner 的顶部栏向右滚动，将“cleaning sed”和“edit”居中。
我尝试了不同的图片尺寸。在主题中，用于 Banner 的帖子显示正常。这似乎也影响了至少使用 RSS 插件拉取的 YouTube 框。尚未测试常规 YouTube onebox。
如何解决这个问题？是否可以通过 CSS 增加可见 Banner 的高度？
---
### Author:  [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [2024年六月14日 14:21 UTC](https://meta.discourse.org/t/air-theme/197703/515 "2024-06-14T14:21:20Z")
一些用户询问了如何在“分类”页面中显示子分类。这与 [Modern Category + Group Boxes](https://github.com/discourse/discourse-minimal-category-boxes) 组件有关，但由于它没有自己的主题（对吧？），我将在此分享我的发现：
这样做有效：
```plaintext
/* 显示子分类 */
.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;
}
```
另外，如果你有很多子分类，也许你想每行显示一个分类。
```plaintext
/* 每行一个分类 */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
```
结果看起来像这样：
我认为这些框有一个高度限制，但我还没有找到移除它的方法。我们还没有足够的子分类在桌面上看到这个问题，但我们在移动设备上遇到了限制：
有什么解决这个问题的想法吗？
---
### Author:  [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2024年七月3日 01:22 UTC](https://meta.discourse.org/t/air-theme/197703/516 "2024-07-03T01:22:34Z")
我在 Chrome 和 Edge 浏览器上遇到了此主题的响应式问题，但在 Firefox 上是正常的。
我该如何解决？
谢谢
https://www.youtube.com/embed/VGj05M7s1nU?feature=oembed&wmode=opaque
---
### Author:  [@the220hq](https://meta.discourse.org/u/the220hq)
#### Post date: [2024年七月21日 03:23 UTC](https://meta.discourse.org/t/air-theme/197703/517 "2024-07-21T03:23:41Z")
有没有办法在桌面版的主题列表中以圆形格式保留头像？我在手机上查看过，它是圆形的，但为什么在桌面版上是方形的。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年七月21日 05:11 UTC](https://meta.discourse.org/t/air-theme/197703/518 "2024-07-21T05:11:14Z")
在我的 Air 主题中，桌面头像与移动端一样是圆形的。
您是否有将头像更改为方形的组件？
根据帖子编辑，头像应该是方形的……
---
### Author:  [@the220hq](https://meta.discourse.org/u/the220hq)
#### Post date: [2024年七月21日 07:29 UTC](https://meta.discourse.org/t/air-theme/197703/519 "2024-07-21T07:29:56Z")
不，我没有。我正在使用 Discourse 的默认主题和 Air 主题。Discourse 默认主题使用的是圆形格式。如果你看上面其他的版块图片，它们都是方形的。
而且头像看起来不圆滑。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年七月21日 09:41 UTC](https://meta.discourse.org/t/air-theme/197703/520 "2024-07-21T09:41:12Z")
或许可以使用此 #Customization > Theme component 来修正它。
> [@头像的大小和形状](https://meta.discourse.org/t/avatar-size-and-shape/106124?u=heliosurge):
>
> discourse2摘要 头像大小和形状 允许您轻松更改网站上头像的大小和形状。eyeglasses预览 [在 Discourse 主题创建器中预览](https://discourse.theme-creator.io/theme/Discourse/avatar-size-and-shape)hammer_and_wrench仓库链接 [https://github.com/discourse/discourse-avatar-component](https://github.com/discourse/discourse-avatar-component)open_bookDiscourse 主题新手？ [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 安装此主题组件 功能 头像大小和形状 允许您轻松自定义网站上各种位置头像的大小和形状。 设置 名称 描述 最新头像大小 选择“最新”页面上的头像大小。默认值为小（25px）。要查看应用的变化，请使用 ctrl+F5 或 cmd+shift+R 刷新页面。 主题头像大小 选择主题页面上的头像大小。默认值为 45px。要查看应用的变化，请使用 ctrl+F5 或 cmd+shift+R 刷新页面。 头部头像大小 选择头部区域的头像大小。默认值为 32px。要查看应用的变化，请使用…
---
### Author:  [@the220hq](https://meta.discourse.org/u/the220hq)
#### Post date: [2024年七月21日 10:50 UTC](https://meta.discourse.org/t/air-theme/197703/521 "2024-07-21T10:50:47Z")
正是我需要使用的。非常感谢！
---
### Author:  [@yekta](https://meta.discourse.org/u/yekta)
#### Post date: [2024年八月4日 07:11 UTC](https://meta.discourse.org/t/air-theme/197703/522 "2024-08-04T07:11:56Z")
有人能告诉我如何更改此主题的背景吗？
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年八月5日 00:12 UTC](https://meta.discourse.org/t/air-theme/197703/523 "2024-08-05T00:12:19Z")
你能更具体一点吗？有几个地方可以用图片修改背景。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年八月11日 08:50 UTC](https://meta.discourse.org/t/air-theme/197703/524 "2024-08-11T08:50:48Z")
您好 @jordan.vidrine，我注意到有几个地方内容没有被容器包裹。
我更希望将这些元素“气泡化”。因为当某些文本从白色背景变为蓝色背景时，会很难阅读。
这是徽章部分。另外，“获得的…”部分也有同样的问题。
我更喜欢气泡效果而不是纯粹的白色列，因为我认为它有更好的视觉效果。这对其他浮动元素甚至现代类别组标题也很有用。
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年八月14日 01:05 UTC](https://meta.discourse.org/t/air-theme/197703/525 "2024-08-14T01:05:32Z")
Air 主题的“在线用户”插件支持 #Customization > Plugin
创建 #Customization > Theme component
编辑通用 CSS 并添加以下代码
```plaintext
// Whis Online 自定义设置
.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 主题中启用该组件
效果：之前显示时没有背景色或边框，导致难以辨认
还有几个区域存在类似问题，希望进行修复。
如我之前的帖子中所示。
* * *
EDiT 全局横幅的新增修复 [问题](https://meta.discourse.org/t/air-theme/197703/514?u=heliosurge)
关于全局横幅规格的其他信息：
> [@awesomerobot](#):
>
> 全局置顶横幅可以容纳 1050px x 150px 的图片，且不会出现滚动条。
* * *
> [@awesomerobot](#):
>
> 请注意，当你缩小浏览器窗口时，图片将无法完全显示，并会出现滚动条。你可以通过在主题中添加一些自定义 CSS 来重新缩放图片以避免这种情况……但一旦窗口缩小到移动设备的尺寸，图片会变得非常小，所以这并不是完美的解决方案。
```plaintext
//全局横幅图片修复
#banner img {
width: 100%;
height: auto;
}
```
特别感谢 @awesomerobot 提供此代码片段
---
### Author:  [@dviedma](https://meta.discourse.org/u/dviedma)
#### Post date: [2024年八月23日 00:32 UTC](https://meta.discourse.org/t/air-theme/197703/526 "2024-08-23T00:32:44Z")
大家好，我正试图为这个主题添加一些自定义 CSS，但该选项与其他主题自定义选项一起不见了。我错过了什么？
[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=15)
[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=17)