# How to put pictures on each subcategory banner?

**URL:** https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664
**Category:** Support
**Tags:** category-banners
**Created:** [September 11, 2023, 10:34pm UTC](https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664 "2023-09-11T22:34:10Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Pandabear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pandabear/32/207556_2.png) [@Pandabear](https://meta.discourse.org/u/Pandabear)
#### Post date: [September 11, 2023, 10:34pm UTC](https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664/1 "2023-09-11T22:34:10Z")

</div>

I would like each subcategory to have a banner image.  
Can someone explain me how to do it:  
These are the steps I do:  
1.- I install the component and add in my theme to the component.  
2.- I deactivate:  
show description  
Show description from “About This Category” post  
3.- edit css/html and put an image for the computer and put another image for the mobile phone  
This is what I put:

```scss
.category-title-header {
  &.category-banner-music-pop {
        background: url(https://holaforo-files.nyc3.digitaloceanspaces.com/original/4X/d/b/7/db787ef2c390e80920e7dabbfa68800268bc4f79.jpeg);
  }
}

```

Bugs I’d like to fix:

 ![Captura de pantalla 2023-09-11 233157](https://global.discourse-cdn.com/meta/original/4X/c/0/4/c0435cbcd7f00a2fd1533ece4c479ca7f9c8ac24.png)

1.-I don’t know how to hide the text of the subcategory name that is placed above the photo. I would like to remove the text that says “Musica pop”.

2.- The image is not shown in its entirety, The image is cropped to high

Thank you very much

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [September 11, 2023, 10:37pm UTC](https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664/2 "2023-09-11T22:37:21Z")

</div>

@Pandabear There is also this component, which may offer some other options that may suit your use case:

> [@Discourse Category Headers theme component](https://meta.discourse.org/t/discourse-category-headers-theme-component/148682):
>
> This theme component provides a number of enhancements for the Discourse category header. The ‘standard’ Discourse category header is displayed at the top of each category page, above the navigation links and list of topics. It is normally only visible if a category logo image has been uploaded in the category settings. The header displays the logo and a short description of the category, taken from the first paragraph of the ‘About the.. category’ topic. This theme component provides the foll…

---

<div class="post-metadata">

### Author: ![Pandabear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pandabear/32/207556_2.png) [@Pandabear](https://meta.discourse.org/u/Pandabear)
#### Post date: [September 11, 2023, 11:08pm UTC](https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664/3 "2023-09-11T23:08:20Z")

</div>

Thank you very much, if it fits better to what I’m looking for, I’ve already finished adjusting it to my taste, there is a small bug that I hope someone can solve, but thank you.

---

<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: [October 11, 2023, 11:09pm UTC](https://meta.discourse.org/t/how-to-put-pictures-on-each-subcategory-banner/278664/4 "2023-10-11T23:09:10Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
