# Featured Categories Header

**URL:** <https://meta.discourse.org/t/featured-categories-header/203779>\
**Category:** Theme component\
**Created:** [September 16, 2021, 10:59pm UTC](https://meta.discourse.org/t/featured-categories-header/203779 "2021-09-16T22:59:32Z")\
**Posts on this page:** 1\
**Showing post:** 24

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [September 19, 2024, 4:52pm UTC](https://meta.discourse.org/t/featured-categories-header/203779/24 "2024-09-19T16:52:29Z")

</div>

Just updated and refactored this component. It’s addressing the same use case, but technically it’s a new component.

If you have the component installed already and want to change to the new version, you’d need to re-install it from the new repository on the description. You’ll also need to adjust style declarations, as the html template is different.

> **The previous version just stays on it's repo. Expand these details to read the previous description.**
>
> This theme component adds a row of featured categories as a header banner. It just shows logos and names, so you should have a logo on each category you want to feature:
> 
> ![Screenshot from 2021-09-16 22-59-16](https://global.discourse-cdn.com/meta/original/3X/3/c/3cb500991df9850a7d28f79696df1e0b4626bf17.png)
> 
> You can pick the categories in the component settings. Also added a few style declarations to change the look right there:
> 
> ![Screenshot from 2021-09-16 23-40-32](https://global.discourse-cdn.com/meta/original/3X/5/e/5e89234da2ec2137806586efa166d61cc945f472.png)
> 
> So it’s easy to get some different basic styles:
> 
> ![Screenshot from 2021-09-16 22-58-53](https://global.discourse-cdn.com/meta/original/3X/2/8/288b02bcf01a8be3eaa90dcfc1945ebdba7784c0.png)
> 
> To do more customization, the classes are
> 
> ```plaintext
> html.categories-header{
> .below-site-header-outlet.categories-header {
> .wrap {
> .categories-header-item {
> [each item's link, logo, name..]
> }
> }
> }
> }
> 
> ```
> 
> > Repository: [GitHub - nolosb/discourse-categories-header · GitHub](https://github.com/nolosb/discourse-categories-header)

---

_[View the full topic](https://meta.discourse.org/t/featured-categories-header/203779)._