如何将图片/横幅移到页面的最顶端？

支持
1

image
image1926×482 114 KB

2

您可以使用品牌标题组件来制作您描述的标题，添加背景只需要一些简单的 CSS。据我所知，没有原生方法可以将网站横幅移到那里。

3

谢谢。制作横幅很容易。将其用作背景似乎是棘手的部分。我以前的主题就有这个功能，但那已经是很久以前的事了，我不记得我需要修改什么 CSS 才能实现。据我所知，自定义 CSS 可以实现任何功能，对吗？

4

是的，这就像一个简单的组件一样简单。我现在不在电脑旁，所以我无法为你获取类名，但如果你进入 DevTools，你可以找到该类名并创建一个新组件：

.banner_background { // 在此处放入实际的类名
    background: url("https://example.com/example.png") cover no-repeat;
}
1 个赞
5

“包裹”？

image
image2031×2080 728 KB

6

那是默认的标题。如果你想将背景应用于标题，那么是的，但如果你想让它单独存在，那就不是了。

如果你确实想将背景应用于网站标题，请使用 .d-header .wrap

7

谢谢。您能告诉我可以在哪里找到有关如何进行此更改的说明吗？我几乎不懂 CSS，对自定义 Discourse 更是知之甚少！

8

您能告诉我您指的是哪个“更改”吗？

9

我如何将页面顶部的背景更改为欢迎消息后面的图像。

10

如果您想替换网站标题的背景，这就是您需要的内容

.d-header .wrap {
    background: url("https://example.com/example.png") cover no-repeat;
}
1 个赞
11

抱歉，我没有说清楚。可能有一个关于如何向网站添加自定义 CSS 的“分步指南”。我正在找那个。

12

这里有 Making custom CSS changes on your site 提供了关于如何操作的一般信息

3 个赞