Você pode usar o componente de cabeçalho de marca (brand header component) para criar o cabeçalho que você está descrevendo e deve ser um CSS fácil para adicionar um fundo. Não há uma maneira nativa, até onde sei, de mover o banner do site para lá.
Obrigado(a). Criar um banner é fácil. Fazê-lo como plano de fundo parece ser a parte complicada. Eu tinha isso com meu tema anterior, mas foi há tanto tempo que não me lembro qual CSS eu tive que mudar para fazer isso. Pelo que sei, tudo é possível com CSS personalizado, certo?
Sim, é tão fácil quanto um componente simples. Não estou perto do meu computador no momento, então não consigo pegar a classe para você, mas se você for ao DevTools, poderá obter a classe e apenas criar um novo componente:
.banner_background { // coloque a classe real aqui
background: url("https://example.com/example.png") cover no-repeat;
}
Esse é o cabeçalho padrão. Se você pretende aplicar o fundo ao cabeçalho, sim, mas se você quer que ele seja separado, não é isso.
Se você realmente deseja aplicar o fundo ao cabeçalho do site, use .d-header .wrap
TY. Alguma chance de você me indicar onde posso encontrar instruções sobre como fazer essa alteração? Eu sei muito pouco sobre CSS e ainda menos sobre como personalizar o Discourse!
Você pode me dizer a qual “mudança” você se refere?
Como eu mudo o plano de fundo da parte superior da página para a imagem que está atrás da mensagem de boas-vindas.
Se você está procurando substituir o plano de fundo do cabeçalho do site, é isso que você deseja
.d-header .wrap {
background: url("https://example.com/example.png") cover no-repeat;
}
Desculpe, eu não fui claro. Provavelmente há um “passo a passo” sobre como adicionar CSS personalizado ao site. É isso que estou procurando.
Há Making custom CSS changes on your site para informações gerais sobre como fazer isso