# 空气主题
**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:** 3
### Author:  [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [2022年二月10日 16:57 UTC](https://meta.discourse.org/t/air-theme/197703/217 "2022-02-10T16:57:06Z")
我想使用此主题，因为我喜欢它的框和类别设置。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月10日 16:59 UTC](https://meta.discourse.org/t/air-theme/197703/218 "2022-02-10T16:59:05Z")
您是不希望灰色区域侵入背景图像吗？
如果是这样，您将使用上面的相同代码，但`unset` clip-path 属性。
```scss
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://global.discourse-cdn.com/meta/original/3X/8/3/8352b68….jpeg);
background-size: cover;
clip-path: unset;
```
这实际上和您的图片搭配起来效果很好！
---
### Author:  [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [2022年二月10日 16:59 UTC](https://meta.discourse.org/t/air-theme/197703/219 "2022-02-10T16:59:27Z")
明白了，谢谢！
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月10日 19:14 UTC](https://meta.discourse.org/t/air-theme/197703/220 "2022-02-10T19:14:46Z")
5 篇帖子已合并到现有主题：[Search banner theme component](https://meta.discourse.org/t/search-banner-theme-component/122939/53)
---
### Author:  [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [2022年二月10日 18:14 UTC](https://meta.discourse.org/t/air-theme/197703/222 "2022-02-10T18:14:09Z")
如何应用此代码？请问具体放在哪里？
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月10日 18:36 UTC](https://meta.discourse.org/t/air-theme/197703/223 "2022-02-10T18:36:46Z")
您可以随意阅读以下主题，以更好地了解如何自定义网站的外观和风格 👍
> [@Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966):
>
> This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …
以及这些：
[Designer’s Guide to Discourse Themes](https://meta.discourse.org/t/designers-guide-to-discourse-themes/152002)
[Developer’s guide to Discourse Themes](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)
---
### Author:  [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [2022年二月10日 19:15 UTC](https://meta.discourse.org/t/air-theme/197703/224 "2022-02-10T19:15:23Z")
非常感谢 @jordan.vidrine，我已经实施了更改，这可能不一定与主题有关，而是与我的多功能横幅有关，但背景也已复制到我的多功能横幅中，这是我在 discourse air 上唯一进行的更改
```plaintext
left: 0;
height: 100vh;
width: 100vw;
background: #003366;
clip-path: ellipse(148% 70% at 91% -14%);
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
clip-path: unset;
}
}
```
这是我的页面现在的样子：这是我需要在多功能横幅中更改的内容，还是 air 主题中的内容？
我的多功能横幅没有设置背景图片或颜色。
有什么建议吗？
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月10日 19:17 UTC](https://meta.discourse.org/t/air-theme/197703/225 "2022-02-10T19:17:03Z")
您可以尝试 `background-size: cover;` 或在此基础上进行调整。
更多信息也可在此处找到：[background-size | CSS-Tricks](https://css-tricks.com/almanac/properties/b/background-size/)
---
### Author:  [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [2022年二月10日 19:19 UTC](https://meta.discourse.org/t/air-theme/197703/226 "2022-02-10T19:19:19Z")
明白了，我会照做的。问题出在缩放时，当我缩小图片时，它会重复显示：
你觉得我也应该移除高度和宽度的内边距吗？
我会尝试调整 `background-size` 的，谢谢！
---
### Author:  [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [2022年二月10日 19:21 UTC](https://meta.discourse.org/t/air-theme/197703/227 "2022-02-10T19:21:57Z")
```plaintext
.background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
background-size: cover;
clip-path: unset;
```
完美运行，谢谢！
---
### Author:  [@daming](https://meta.discourse.org/u/daming)
#### Post date: [2022年二月14日 08:15 UTC](https://meta.discourse.org/t/air-theme/197703/228 "2022-02-14T08:15:28Z")
有人知道如何更改主页上的标题文本大小和颜色吗？
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月14日 16:02 UTC](https://meta.discourse.org/t/air-theme/197703/229 "2022-02-14T16:02:43Z")
我建议您在此处了解 Discourse 的工作原理以及如何自定义网站的各个区域。
> [@Air Theme](https://meta.discourse.org/t/discourse-air-theme/197703/223?u=jordan.vidrine):
>
> Feel free to read through the following topics to get a better sense of how to customize the look and feel of your site +1 As well as these: [Designer’s Guide to Discourse Themes](https://meta.discourse.org/t/designers-guide-to-discourse-themes/152002)[Developer’s guide to Discourse Themes](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月15日 15:43 UTC](https://meta.discourse.org/t/air-theme/197703/230 "2022-02-15T15:43:59Z")
一个帖子已合并到现有主题：[暗/亮模式切换组件](https://meta.discourse.org/t/dark-light-mode-toggle-component/215585/21)
---
### Author:  [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [2022年二月16日 18:02 UTC](https://meta.discourse.org/t/air-theme/197703/234 "2022-02-16T18:02:38Z")
您知道如何更改此字体颜色，因为我们为此创建了一个组件吗？此问题仅在移动设备上出现……因此该组件只能用于移动设备设计。
搜索按钮
页脚搜索
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月16日 18:08 UTC](https://meta.discourse.org/t/air-theme/197703/235 "2022-02-16T18:08:08Z")
Hmm 🤔 ，从您的截图来看，很难判断您当前在哪个页面，或者您具体指的是哪个字体。在您分享的图片中，有 4 个或更多不同的文本项可以进行自定义。
您似乎对自定义 Discourse 的外观和感觉很感兴趣，这很棒 🙌
我建议您阅读以下主题，以便更好地了解如何自定义站点的外观和感觉 👍
> [@Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966):
>
> This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …
还有这些：
[Designer’s Guide to Discourse Themes](https://meta.discourse.org/t/designers-guide-to-discourse-themes/152002)
[Developer’s guide to Discourse Themes](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)
---
### Author:  [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [2022年二月16日 18:10 UTC](https://meta.discourse.org/t/air-theme/197703/236 "2022-02-16T18:10:20Z")
乔丹，我看到了你上面和最后的消息，都提到了“阅读更多”，我理解并尊重这一点，但请注意，我不是设计师，我花了一周多的时间才用我基本的知识定制了这个主题……而且我并不富有，无法为我的“非营利社区”花费 500 美元进行定制。
所以，请考虑帮助我们，这将非常感激，不是为了我，而是为了其他用户社区，他们肯定会喜欢你的主题，即使他们只有基本的定制知识。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月16日 18:14 UTC](https://meta.discourse.org/t/air-theme/197703/237 "2022-02-16T18:14:24Z")
Discourse 最棒的一点是，虽然（和如今任何技术一样）确实有一个学习曲线，但你完全有能力自定义你想要自定义的东西。我保证！
我们撰写这些主题是为了帮助我们的社区学会如何独立完成事情，有时当事情变得有点太难时，我们随时都在这里提供帮助。
话虽如此，你所寻求的帮助绝对可以通过阅读我之前链接的主题来获得！
---
### Author:  [@Arta\_S](https://meta.discourse.org/u/Arta_S)
#### Post date: [2022年二月21日 07:46 UTC](https://meta.discourse.org/t/air-theme/197703/239 "2022-02-21T07:46:52Z")
是否可以将视图数量与最新活动和响应数量一起带回来？
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年二月21日 12:41 UTC](https://meta.discourse.org/t/air-theme/197703/240 "2022-02-21T12:41:09Z")
您应该可以在主题组件中执行此操作。我现在不在电脑旁，但如果您使用 Chrome 等浏览器检查器检查主题列表元素，您应该可以看到哪些行已被 CSS 隐藏。然后，您可以定位这些行，使它们在自定义主题组件中可见。
---
### Author:  [@yhmtsai](https://meta.discourse.org/u/yhmtsai)
#### Post date: [2022年三月13日 21:59 UTC](https://meta.discourse.org/t/air-theme/197703/241 "2022-03-13T21:59:38Z")
您好，我正在使用 Air 主题，并启用了 [Topic List Thumbnails 主题组件 - 主题 - Discourse Meta](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602/211) 的网格模式。但是，主题的主题排列与我之前使用过的其他主题的网格视图不同。
例如，
使用该组件的其他主题，
这是个问题，还是有推荐的主题组件可以显示主题的缩略图？
[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=2)
[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=4)