There is Making custom CSS changes on your site for general information on how to do this

You can use the brand header component to make the header you’re describing and it should be some easy CSS to add a background. There is no native way to my knowledge to move the site banner up there. [图片] Brand Header Theme component discourse2 Summary Brand Header adds an extra top header for branding with your logo, navigation links, and social icons for both mobile and desktop views. Brand logo can be an image or text. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-brand-header open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Desktop preview: …

TY. Making a banner is easy. Having it as a background seems to be the tricky part. I had it with my previous theme, but it was so long ago, I can’t remember what css I had to change to do it. AFAIK, anything is possible with custom CSS, right?

Yes, it’s as easy as a simple component. I’m not around my computer at the moment so I can’t grab the class for you but if you go to DevTools you can get the class and just make a new component: .banner_background { // put the real class here background: url("https://example.com/example.png") cover no-repeat; }

That is the default header. If you’re looking to apply the background to the header then yes, but if you want it to be separate that is not it. If you do want to apply the background to the site header then use .d-header .wrap

TY. Any chance you could point me to where I can find instructions on how to make that change? I know very little about css and even less about customizing discourse!

Can you let me know what “change” you mean?

How I change the background of the top of the page to the image that’s behind the welcome message.

If you are looking to replace the background of the site header then this is what you want .d-header .wrap { background: url("https://example.com/example.png") cover no-repeat; }

Sorry, I wasn’t being clear. There’s probably a “step by step” on how to add custom css to the site. That’s what I’m looking for.

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

产品支持

Moin 2026 年3 月 24 日 17:32 12

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

话题		回复	浏览量
Where shall I put this code for a top banner? Product Support	11	954	2024 年3 月 27 日
How to put a backlink to our company website above the top-menu in discourse? Product Support	1	1044	2020 年1 月 12 日
How to add a simple Banner Product Support	2	3326	2021 年1 月 8 日
How to create additional header? Product Support	3	1129	2020 年2 月 25 日
Adding a new banner just above the logo Product Support	4	1212	2021 年3 月 7 日

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

相关话题