# Logotipo da categoria em todos os tópicos dentro desta categoria

**URL:** https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066
**Category:** Support
**Created:** [1 Maio , 2020 13:20 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066 "2020-05-01T13:20:46Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [1 Maio , 2020 13:20 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/1 "2020-05-01T13:20:46Z")

</div>

É possível exibir o logotipo de uma categoria em todos os tópicos dentro dela? Estou falando do “logo small”.  
No meu caso, é mais adequado mostrar um logotipo relacionado a este tópico do que um logotipo geral do site.  
Obrigado!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [1 Maio , 2020 13:34 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/2 "2020-05-01T13:34:32Z")

</div>

Você quer que o logotipo seja exibido apenas no tópico em si ou também na lista de tópicos?  
Acho que é possível fazer isso usando algum CSS.  
Ou editando os templates… 🤔

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [1 Maio , 2020 13:49 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/3 "2020-05-01T13:49:55Z")

</div>

Veja, aqui no Discourse não temos logotipos para categorias.  
Mas, se fossem escolhidos, eles estariam aqui:

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/2/f237d0f64f9dfa3af3ee607e097fd8918e55c2b0.png)

E se o logotipo da categoria fosse configurado, eu gostaria de vê-lo ao abrir qualquer tópico dentro dessa categoria. Nesse caso, o logotipo da categoria substituiria o pequeno logotipo.

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/f/4f9644a25a3724c67430271418f52ee1efa54332.png)

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [1 Maio , 2020 15:23 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/4 "2020-05-01T15:23:20Z")

</div>

Quantas categorias você tem?

Se houver um número razoável de categorias, isso pode ser feito por meio de CSS. Basta redefinir o logotipo no topo. Usando:

```plaintext
<body class="category-***

```

`category-support`, por exemplo, no tópico em que estamos agora.

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [1 Maio , 2020 15:55 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/5 "2020-05-01T15:55:28Z")

</div>

Vou ter um número fixo de categorias: 30.  
Não tenho certeza de qual código adicionar ao CSS. Você pode dar uma dica mais clara? 🙂

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [1 Maio , 2020 16:44 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/6 "2020-05-01T16:44:05Z")

</div>

Removemos o logo:

```plaintext
img#site-logo {
    display: none;
}

```

Ou talvez isto:

```plaintext
.category-support img#site-logo {
    display: none;  
}

```

 ![1](https://global.discourse-cdn.com/meta/original/3X/a/b/abd8eec563b70fee82ff90dc25390e37f937819f.jpeg)

Adicionei sua foto para maior clareza:

```plaintext
.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

```

 ![2](https://global.discourse-cdn.com/meta/original/3X/5/1/5139e170bddba74bb84d7167935a575a3a337f7f.jpeg)

Você pode ter que repetir esse código 30 vezes.

Dei um exemplo de como fazer isso sem um componente/plugin. Você pode implementá-lo de forma diferente. Embora, o CSS para 30 categorias não ocupe muito espaço.

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [2 Maio , 2020 10:03 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/7 "2020-05-02T10:03:16Z")

</div>

Obrigado! Isso está funcionando com algumas alterações.  
Dica: o nome da categoria deve ser obtido em “Slug da Categoria” nas configurações da categoria.

Os tamanhos do logotipo podem variar:  
` width: 65px;`  
` height: 50px;`  
` display: block !important;`  
` background-size: cover;`

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [24 Junho , 2024 09:16 UTC](https://meta.discourse.org/t/category-logo-on-all-topics-within-this-category/150066/8 "2024-06-24T09:16:57Z")

</div>


