空气主题

主题
,
569

这最近不是被合并到核心了吗？

1 个赞
570

有一个基本形式。看起来该组件已重命名为“高级搜索横幅”。

不确定 Air 主题是使用该组件还是核心。同样，浅色/深色切换选项已合并到核心中。

组件和核心更新的详细信息在此处：

我想 Air 主题仍在使用该组件，因为它如果没记错的话，将需要对 Air 主题进行一些更新以进行横幅修改和在站点设置中启用横幅的说明。

1 个赞
571

那奏效了——非常感谢——我删除了子标题，H1 的字体大小为 64 像素。我该如何减小它？

1 个赞
572

我查看了 GitHub 链接中的通用 CSS。在识别元素方面遇到了一些麻烦。

但如果你能识别出该元素，你应该就能创建一个自定义组件并使用类似以下的方式：

font-size: 44px !important;

来覆盖横幅中的 H1 大小。

如果你比我更懂 CSS，你可能会更容易识别出该元素。尝试使用“检查元素”功能，我正在使用一部手机，浏览器中有“检查元素”功能，但它不如桌面浏览器中的“检查元素”功能好用。你可以在那里测试修改大小。

在“高级搜索横幅”主题中发帖询问如何更改 H1 大小，也可能会得到一些关于如何实现它的指导。

1 个赞
573

好的，我还没有测试过这个，但请试试这个：创建一个新的 #theme-component

编辑 CSS Common 并添加此代码。我查看了 GitHub 上的 Air 主题源代码

// custom search banner customizations
.custom-search-banner-wrap {
   h1 {
    Font-size: 44px !important;
    }
}

Air 主题 Common CSS 中的第一部分对客户横幅进行了修改。因此，我能够以此为指导来编写上面的代码。

574

我无法在子类别下拉菜单之外的任何地方显示子类别。是否有办法让它们出现在概览页面上？

575

您好，
我正在尝试减少主题摘要中的字符数。
我找不到该参数。
谢谢。

576

The image displays Arabic text announcing a real distance learning platform on YouTube to learn languages for free. (Captioned by AI)
The image displays Arabic text announcing a real distance learning platform on YouTube to learn languages for free. (Captioned by AI)1075×1231 103 KB

The image features a digital interface with Arabic text at the top that translates to "The phone is very expensive," accompanied by a search bar, a text input box with icons, and a drag-and-drop upload or interaction element highlighted in orange and green. (Captioned by AI)
The image features a digital interface with Arabic text at the top that translates to "The phone is very expensive," accompanied by a search bar, a text input box with icons, and a drag-and-drop upload or interaction element highlighted in orange and green. (Captioned by AI)1075×1814 116 KB

The image displays a user interface designed in purple and black with Arabic text at the top, promotional content in the middle, and an orange and green button at the bottom. (Captioned by AI)
The image displays a user interface designed in purple and black with Arabic text at the top, promotional content in the middle, and an orange and green button at the bottom. (Captioned by AI)1056×1766 128 KB

主题: Categories主页上的Air主题问题（管理员与非管理员视图）

您好，

我正在使用Discourse论坛的Air主题。我的论坛默认主页设置为显示“分类”。我遇到了与此主题相关的一些显示问题，特别是在移动视图下，根据用户是管理员还是普通用户，布局和功能存在差异。

以下是具体问题：

  1. 管理员缺少视图切换器：以管理员身份登录时，主页上没有可见的按钮或控件来切换“分类”、“最新”或“热门”视图。虽然显示的是“分类”视图，但我无法在此页面轻松导航到其他视图。
  2. 非管理员的视图切换器不可见/空白（分类视图）：以非管理员用户身份登录时，搜索栏下方会出现一个按钮，似乎用于切换视图。但是，当论坛默认设置为“分类”视图时，此按钮显示为一个大的空白矩形，没有文本标签指示其功能（例如，“最新”、“热门”）。这会让用户感到困惑。当非管理员主页已设置为“最新”或“热门”时，此问题不会发生；按钮会正确显示切换回“分类”的文本。
  3. 分类框宽度不同（管理员 vs 非管理员）：与非管理员用户相比，以管理员身份查看时，分类名称和描述的显示框显得更窄。这会影响分类列表的布局和呈现。

我已附上说明这些问题的截图（图片中不相关的部分已被模糊或删除）。

是否有人在使用Air主题时遇到过类似问题，特别是当默认主页设置为“分类”时？任何见解或潜在的CSS修复都将不胜感激。

谢谢！

1 个赞
578

我可以确认 Air Theme 上的空框问题。尽管即使在管理员权限下我也有这个问题。

我可以确认这似乎是 Air Theme 本身的问题，而不是 Modern category groups 组件的问题。

不过，你应该在 Bug 类别下创建一个话题，并添加 air-theme 标签，或许还可以添加 ux 标签。

我有一个 Air Theme 的副本主题，我会看看是否能发现代码的更改，但我仍然是个新手。

1 个赞
579

这行移动端CSS可能与此相关。在GitHub上，这行代码显示为：

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0 !important;
}

正如我提到的，我复制了air主题的CSS来创建一个自定义主题。这是该行的原始代码，请注意缺少"px"：

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0px !important;
}

尚未测试。但创建一个自定义组件，并将上面的代码粘贴到Mobile CSS中。保存并在air主题上启用组件。

不幸的是，刚刚测试了，它没有解决问题。如果没有指定，px必须是默认值。

1 个赞
581

@Northern ，我得说我同意 @qingfeng1024 的观点。如果能出一个关于如何如此精美地自定义它的教程，那将非常有价值。

582

在移动设备上，主题不够宽。是否有简单的 CSS 修复方法可以移除侧面的内边距？Horizon 主题在移动设备上的内边距处理得更好。

1 个赞
583

如何获取包含下拉列表的部分，该列表具有：

工具
关于
资源？

584

可能使用了

，但您也可以看看

1 个赞
585

我没有自定义组件或 CSS，但不知何故，我在管理屏幕（更宽）和主屏幕（更窄）上的宽度不同。

有没有办法让它们相同？我更喜欢更宽的宽度。

586

发生错误：主题截图必须是以下格式之一：.jpg、.jpeg、.gif、.png。截图 light.webp 的格式无效。

尝试更新到最新版本时出错。

587

@REALITY，看起来您还没有将您的站点更新到包含更新列表的最新版本：

只是为了确认一下——您是想将 Air 主题更新到最新版本吗？

1 个赞