Tema Ar

Acho que você pode criar um novo componente de tema (Customization > Theme component) e substituir as fontes.

Talvez seja possível modificar esse computador ou você pode encontrar no Google Fonts as fontes que mais lhe agradarem.

.Google Fonts

Acho que você pode direcionar e ajustar o cabeçalho usando CSS.

Pode não ser exatamente o que você está procurando, mas talvez seja do seu interesse.

Olá a todos

Obrigado por um tema tão bom!
Estou apenas com dificuldades em algo. Notei que no celular, algumas das abas de Preferências de Perfil não têm um fundo sólido, o que faz com que pareça um pouco estranho. Veja a imagem abaixo como referência:

A página de erro na versão mobile faz a mesma coisa. Todas estão boas na visualização desktop/tablet, mas a versão mobile parece ter CSS diferente?

Alguém sabe como/onde posso mudar isso? Não tenho experiência em codificação, então precisaria contratar um desenvolvedor para fazer isso por mim?

1 curtida

Aqui está um exemplo de como fica no tablet/celular e também de como a maioria das outras abas ficam:

1 curtida

Bem-vindo à Meta! :wave:

Eu não acho. Este é um tema official, então ele é mantido pela equipe do Discourse. Mas mesmo outros temas que são compartilhados aqui são frequentemente corrigidos pelo mantenedor quando você relata um problema.

Eu consigo reproduzir seu problema aqui. Parece ainda pior do que sua captura de tela, porque a prévia da mensagem é mais larga do que minha tela.

1 curtida

Alguém sabe como ocultar a classe td?\n\n

1 curtida

Você pode tentar este CSS:

.topic-list {
    .topic-list-header .posts,
    .topic-list-body .posts {
        display: none !important;   
    }
}

2 curtidas

Sim, tentei escondê-los dessa forma. Divs regulares são ocultados, mas não funciona com td. Tentei várias opções:

.td.num.posts... {
        display: none;
}

.td:num.posts... {
        display: none;
}
1 curtida

Eu testei meu CSS e funcionou para mim. Você testou?

Falta o !important para este tema.

3 curtidas

Obrigado @chapoi

.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
	display: none;

}

3 curtidas

Há algum espaço vazio no topo. Existe alguma forma de removê-lo? Não consigo encontrar nada usando o inspetor de elementos.


E eu gostaria de aumentar a largura do bloco com o conteúdo do tópico

@jordan.vidrine

Existe um margin-top na classe main-outlet

Você deve adicionar isto:

html body #main-outlet {
  margin-top: 0;
}

Eu nunca usei isso ainda, mas existe uma configuração topic-width no CSS, em um elemento raiz.

Adicione isto, ele deve adaptar todo o resto:

:root {
  --topic-body-width: 750px;
}
1 curtida

Isto está algo errado

Ao mesmo tempo, parece normal. Obrigado

.container.posts {
    grid-template-columns: 90% 10%;
}

Obrigado por compartilhar! Darei uma olhada nisso em breve.

1 curtida

Isso foi corrigido na última mesclagem de um PR

1 curtida

Por favor, diga-me como recortar a imagem de fundo desta forma, com cantos arredondados simetricamente.

Agora o código está assim:

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
    background-size: cover;
  
}
1 curtida

Você vai querer editar as propriedades do clip path. Você pode aprender mais sobre isso em sites como css tricks.

2 curtidas

Quando uso o tema aqui na Meta, os ícones na frente de Citar, Editar, Copiar Citação e Perguntar à IA estão invisíveis.
image

1 curtida

Hmm, qual esquema de cores você está usando? O plano de fundo disso não é o que o tema usa.

O WCAG Light definitivamente tem o problema, mas mudei para "tema padrão"


e ainda era o mesmo. Eu atualizei para verificar se o esquema de cores foi salvo, então espero que não seja afetado pelo meu problema com a alteração de esquemas de cores. O azul no fundo ficou mais claro depois que mudei para o esquema de cores padrão.

2 curtidas