Estou apenas configurando meu site e tentando adicionar uma imagem à seção do cabeçalho superior.
As instruções em ‘Configurações > Branding’ dizem:
Use uma imagem retangular larga com altura de 120 e uma proporção de aspecto maior que 3:1
então estou usando uma imagem PNG com tamanho 120px x 2000px, e esperava que ela fosse posicionada à esquerda e preenchesse completamente o cabeçalho contido, mas não foi!! O que fiz de errado?
Pela sua captura de tela, parece que a imagem está corretamente configurada no lado esquerdo. O cabeçalho do Discourse é exibido dentro de uma div wrap que tem sua largura limitada. Essa é a razão pela qual o logotipo não está totalmente à esquerda da tela.
As instruções pedem que você faça o upload de uma imagem com altura de 120px, mas quando essa imagem é exibida no Discourse, sua altura é reduzida para aproximadamente 31px. Isso significa que a largura da imagem que você enviou será dividida por 4 quando for exibida no seu site. Pelo que vejo, o logotipo na sua captura de tela tem aproximadamente 660px de largura, então acredito que ele esteja sendo exibido corretamente.
Se você tiver um logotipo mais estreilo disponível, pode ser bom tentar usá-lo e ver como fica.
Obrigado, Simon. Gostaria que o logotipo preenchesse completamente o cabeçalho; isso é possível?
Mesmo com a largura da imagem reduzida, ele ainda está limitado a uma altura de 31px e não fica bom.
É teoricamente possível preencher a maior parte do cabeçalho, mas provavelmente exigirá alguns testes e erros para ficar correto. Você pode descobrir que precisará ajustar o CSS do seu site para fazer isso. Se você tiver interesse nisso, consulte o Guia do iniciante para usar temas do Discourse e o Guia do desenvolvedor para temas do Discourse.
Analisando nossas instruções para a configuração logo, acho que devemos fornecer uma proporção de aspecto ideal. O logotipo na sua captura de tela tem uma proporção de aspecto maior que 3:1, mas parece-me que é um logotipo muito largo. Se você olhar o logotipo usado no fórum Meta do Discourse, verá que ele é exibido com aproximadamente 150 x 40px. Isso parece ser a proporção de aspecto ideal para mim — um pouco menos que 4:1.
Para alcançar seu efeito, você pode querer usar algum CSS.
Exemplo:
.d-header .contents {
background: linear-gradient(to bottom, rgba(36,66,183,0) 0%,rgba(36,66,183,1) 40%,rgba(36,66,183,1) 60%,rgba(36,66,183,0) 100%);
}
Acho que você não está entendendo o meu objetivo. Não se trata do efeito, mas de preencher a caixa do cabeçalho com uma imagem, que atualmente está restrita a uma altura de 31px.
Você pode linkar sua imagem aqui?
Entendi então o seu problema. No entanto, se conseguir o que você deseja em uma imagem for difícil, por que não fazer o upload do logotipo sem o gradiente e adicionar o gradiente via CSS? Parece mais fácil e direto para mim. 
Mas talvez a imagem final não seja alcançável apenas com CSS?
Sim, correto.
Acabei de encontrar este fórum que parece realizar o que eu quero.
Em buscas posteriores, encontrei o CSS que eles usaram, mas sou novo aqui e ainda estou tentando entender como adicionar CSS para fazer essas alterações.
No seu site de exemplo, eles usam 2 imagens.
Um logotipo com fundo transparente e uma imagem de fundo em d.header:
.d-header {
background: url("https://helpx.adobe.com/content/dam/help/en/stock/how-to/visual-reverse-image-search/jcr_content/main-pars/image/visual-reverse-image-search-v2_intro.jpg") center center;
}
Sim, parece que esse é o caminho a seguir 
Agora só preciso entender como adicionar esse CSS.
Estou usando o tema ‘Shades of blue’.
Estou percorrendo os guias do Discourse, mas talvez precise ler mais alguns.
Para adicionar CSS, acredito que a melhor maneira é criar um novo componente de tema, para evitar que suas modificações sejam sobrescritas ao atualizar seu tema atual.
Vá no seu painel de administração → personalizar → temas → componentes → instalar → Criar novo
Obrigado! Consegui seguir seu tutorial acima e estou quase lá!
Você me ajudou a entender um pouco mais sobre como as coisas funcionam no Discourse.
Vou dedicar um tempo hoje à noite para aprender um pouco mais.
Obrigado novamente pela sua ajuda.
Com referência ao cabeçalho do talksurf;
Consigo ver de onde vem a imagem de fundo, mas não a imagem ‘talksurf’ à esquerda, que flutua acima da imagem de fundo.
Adicionar ‘talksurf’ como uma imagem em Configurações > Branding > logo resulta em uma imagem muito menor, pois o Discourse a reduz de 120px de altura original para apenas 31px. O Talksurf é muito mais alto do que 31px.
O logotipo do Talksurf é um logotipo padrão, carregado na seção de marca do painel administrativo.
Carreguei exatamente o mesmo logotipo e obtive um logotipo de 40px de altura, sem nenhuma personalização:
Portanto, não entendo como ele poderia ter 31px no seu fórum. Você tem um link para ele, para que eu possa examinar o HTML e o CSS?
Além disso, é assim que você descobre como eles personalizaram o cabeçalho:
Obrigado pela ajuda. A URL é https://yas-cfr.discourse.group/ e, como você pode ver, usando o mesmo logotipo que você, obtenho uma altura de 35px, que é diferente da sua (40px).
O tamanho da imagem talksurf é 322 x 63px.
Você precisa remover esta regra CSS que você tem:
.d-header #site-logo {
max-height: 35px !important;
}
Talvez isso esteja escrito no seu tema, então você precisará sobrescrevê-lo.
Observe que, como a regra usa !important, você também precisará adicionar isso na sua própria regra:
.d-header #site-logo {
max-height: none !important;
}
