# Category Banners

**URL:** https://meta.discourse.org/t/category-banners/86241
**Category:** Theme component
**Tags:** official, category-banners
**Created:** [April 26, 2018, 6:05pm UTC](https://meta.discourse.org/t/category-banners/86241 "2018-04-26T18:05:47Z")
**Posts on this page:** 1
**Showing post:** 100

<div class="post-metadata">

### Author: ![Rhidian](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rhidian/32/176630_2.png) [@Rhidian](https://meta.discourse.org/u/Rhidian)
#### Post date: [April 11, 2020, 12:23pm UTC](https://meta.discourse.org/t/category-banners/86241/100 "2020-04-11T12:23:18Z")

</div>

@awesomerobot , I hope you are okay with me sharing this here…

I’ve created a fork of this discourse-category-banners theme called

**discourse-category-banner-boxes**  
[https://github.com/naidihr/discourse-category-banner-boxes](https://github.com/naidihr/discourse-category-banner-boxes)

You can preview it here

[https://theme-creator.discourse.org/theme/Rhidian/discourse-category-banner-boxes](https://theme-creator.discourse.org/theme/Rhidian/discourse-category-banner-boxes)

It pretty much does the same thing but with some modifications:

- The category banner box is displayed in-line above the main heading instead of full width at the top. This allows for display a banner theme at the top, for example the discourse-versatile-banner.

- The category banner box is displayed in the same style as the native discourse subcategory boxes, which are a core component of discourse. These subcategory boxes are a display option in the discourse category settings _Show subcategory list above topics in this category_ . This option displays the subcategory category name and description as a row or box above the topic list, using the category background colour as the left border.

- If the category is a subcategory, the category name is displayed as breadcrumb as follows - **Parent category name: Subcategory name**

Demo screen shot of theme banner box for the category, above the native subcategory boxes.

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

Screen shot of the subcategory, showing the breadcrumb reference to the parent category.

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

This is my first attempt at a theme modification. I hope this is helpful?

## Update

I have refactored this adaption as a separate component - with many additional features including using the category logo image and background image in the header. This new component effectively replaces the standard Discourse category header, unlike the category banners, hence making it a new component. Please see:

> [@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…

---

_[View the full topic](https://meta.discourse.org/t/category-banners/86241)._
