使用 Graceful 主题时增加标题大小

开发
1

我们一直在稍微修改这个主题的 CSS，现在想弄清楚如何增加屏幕顶部的横幅高度。有什么建议吗？

2

您能展示一下您希望如何修改它的草图吗？

3

目前，网站顶部的横幅显示如下：

我们正尝试将其高度增加至类似以下效果：

迄今为止，我们仅能增大标志图片的尺寸，横幅调整尚未成功。

4

这是页眉，而不是横幅。您可以查看此组件 https://meta.discourse.org/t/big-header-little-header/86811，不过 CSS 目标为：

.d-header {
    height: <value>;
}
5

现在我只觉得自己有点傻 lol。

谢谢！

6

@dax，我和 @LlamaSensei 在同一团队。我们真正想做的是增加导航栏的高度。我在 CSS 中没有找到相关代码。我们应该添加代码来实现这一点吗？

7

您指的是网站顶部的这个工具栏吗？（如果不是，请提供截图）

那就是 .d-header，如上面的示例 CSS 所示

32%20PM
32%20PM2382×130 29 KB

8

是的，就是那个，我尝试在 .d-header 中编辑高度，但没有成功。

9

您在哪里/如何编辑它？我假设您正在直接编辑主题？

如果您在编辑主题并将其添加到 common 中，它将无法生效，因为它是在 desktop 中定义的（您需要将其添加到 desktop 的末尾）。CSS 中的 C 代表“级联”（Cascade），因此您需要确保在主题中 .d-header 定义的位置 之后 进行修改。

我强烈建议您创建一个新的主题组件，将您的自定义 CSS 添加其中，然后将该组件添加到主题中（而不是直接编辑主题）。这样可以避免上述问题，并确保当主题更新时，您的修改不会被覆盖。