Obrigado pela atualização! 
Com alguns hacks de CSS, movi o avatar como uma sobreposição sobre a miniatura no modo de cartão:
.featured-topics__topic-details .topic-author {
position: absolute;
right: 30px;
bottom: 30px;
}
Como posso reduzir a altura da div (roxa) do autor do tópico para 0 e remover efetivamente o espaço em branco enquanto ainda exibo o avatar?
Se você estiver escrevendo CSS personalizado, em vez de adicionar código que substitua um dos layouts pré-definidos, eu realmente recomendo que você escolha a opção de layout Nenhum nas configurações do tema e declare seus estilos do zero.
Por exemplo, você pode copiar a planilha de cartões padrão e declarar o contêiner featured-topics__topic-details como uma grade. Então você pode posicionar seus elementos exatamente como quiser, em vez de movê-los com declarações absolutas.
Essa é uma ótima ideia!
Por enquanto, estamos satisfeitos com o template e apenas alguns pequenos ajustes de CSS para testá-lo inicialmente. Assim que chegarmos à fase de otimização de CTR, provavelmente seguiremos seu conselho. 
Não tenho certeza se este é o comportamento esperado ou se pode ser considerado um bug:
Quando três tópicos são definidos nas configurações, mas apenas dois são exibidos, um espaço em branco aparece onde o terceiro tópico deveria estar. Seria ideal se os cartões fossem redimensionados para preencher toda a largura nesses casos.
Se alguém estiver interessado em usar rolagem horizontal no celular, aqui está um pouco de CSS que “eu” criei (com a ajuda da IA). Ele também inclui alguns ajustes de scroll snap e tamanho que achei mais adequados ao nosso caso de uso.
PS: Eu também tentei criar algumas “navigation pills” sem adicionar HTML, mas isso definitivamente foi um exagero.
@media (max-width: 750px) {
.featured-topics__topic-wrapper {
display: flex !important;
flex-direction: row !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding: 1em 10vw; /* Preenchimento lateral para visibilidade do card vizinho */
gap: 1rem; /* Espaçamento consistente entre os cards */
overscroll-behavior-x: contain; /* Evita interferência de overscroll */
scroll-behavior: smooth; /* Rolagem suave */
scrollbar-width: none; /* Oculta a barra de rolagem */
-ms-overflow-style: none;
}
.featured-topics__topic-wrapper::-webkit-scrollbar {
display: none; /* Oculta a barra de rolagem em navegadores WebKit */
}
.featured-topics__topic-container {
flex: 0 0 80vw; /* Cards mais estreitos para visibilidade lateral */
min-width: 280px; /* Largura mínima para telas pequenas */
scroll-snap-align: center; /* Centraliza cada card ao rolar */
height: unset !important; /* Altura consistente */
}
.featured-topics__topic-thumbnail {
height: 40vw;
width: 100%;
}
}
Olá, muito obrigado por este componente, adorei!
Alguém poderia, por acaso, ajudar a ajustar o tamanho do título, pois ele está muito grande no momento?
Recebi uma mensagem de erro dizendo que este componente precisa ser atualizado para compatibilidade com as próximas mudanças no núcleo do Discourse. Alguém sabe se uma atualização está planejada?
Atualizei o componente no início deste ano. Você precisa reinstalar para usar a nova versão, veja: 
Featured Topics - #38 by manuel
Ah, muito obrigado, funcionou!
A única coisa que não consigo consertar (acho que estou provocando o Chat GPT há uma hora…) é a altura dos cards — alguma dica de como posso reduzi-la/removê-la?
Olá Manuel - existe alguma forma de fazer com que seu incrível Componente de Tema aqui ignore imagens (para que ele mostre apenas um trecho em vez disso)?
Tenho vários tópicos em destaque sem imagens (que quero destacar), mas eles ficam muito ruins ao lado daqueles que contêm imagens. Além disso, estou mais interessado no texto do que nas imagens.
O template do componente renderiza uma variedade de conteúdo disponível em um tópico. A aparência final é então ajustada com regras de estilo. Por exemplo, quando você seleciona “cards” como layout, os excertos do tópico são ocultados quando há uma imagem em destaque e mostrados sempre que não há nenhuma:
Se você sempre quiser mostrar o excerto e nunca mostrar uma imagem, você pode selecionar “none” para Layout e adicionar sua própria folha de estilo. Ou sobrescrever as regras no layout de cards que mostram a imagem e ocultam o excerto.
Acho que este é um ótimo componente!
Admito que passei dois ou três dias tentando aprender a criar um componente de tema para fazer exatamente o que este componente faz. Não sinto que esse tempo foi desperdiçado porque aprendi muito, mas gostaria de ter seguido o conselho do ask.discourse mais cedo e verificado este componente.
Uma coisa que não consigo descobrir
Eu gosto do layout de cartão, mas gostaria de mostrar uma miniatura e um trecho no layout de cartão. Qualquer dica seria apreciada
Em vez disso, optei pelo layout de lista, mas queria mudar algumas coisas. Eu as adicionei à minha aba common.css. Talvez isso ajude mais alguém
para remover a tag do tópico
.featured-topics__topic-tag {
display: none;
}
para remover o avatar do autor
.featured-topics__wrapper .topic-author {
display: none;
}
para remover o link da categoria
.featured-topics__wrapper .category-link {
display: none;
}
Edição para adicionar:
Vou deixar a postagem original acima intacta, mas queria adicionar
como fazer o trecho aparecer na visualização de cartão
.featured-topics__topic-container.thumbnail .topic-excerpt {
display: contents;
}
Além disso, passei a gostar mais do layout de visualização de lista no desktop do que do layout de cartão, mas ele fica horrível no celular. A miniatura fica à esquerda e o título e o trecho ficam em uma coluna estreita à direita. Eu não descobri como fazer o texto envolver a miniatura ou empilhar tudo em uma única coluna.
Como descobri como fazer a miniatura e o trecho aparecerem no layout de cartão, que fica decente no celular, mudei para esse layout porque suspeito que a maioria dos usuários está visualizando o site em um telefone.
Este é um ótimo componente e plugin, obrigado pelo seu trabalho!
No entanto, parece haver um problema com o conteúdo não sendo atualizado, a menos que eu faça uma atualização completa da página, pressionando F5.
Como exemplo:
Eu crio um tópico com a tag de destaque (featured).
Eu vou para a página inicial clicando no banner do site.
O tópico deveria estar em ‘Tópicos em Destaque’ (Featured Topics), mas não está aparecendo.
Ele só aparece se eu fizer uma atualização de página usando a tecla F5. Mesmo que eu clique no banner novamente, ele não aparecerá.
O mesmo acontece se eu excluir uma postagem em destaque. Ela só desaparecerá se eu atualizar a página com F5 ou se eu fechar a aba e abrir a página novamente.
Alguma ideia do porquê isso acontece?
Isto é intencional. O conteúdo não é atualizado dinamicamente, ele reflete o estado no carregamento da página. Normalmente, isso não é um problema, pois o conteúdo estará atualizado para qualquer novo visitante do site.