# Wat is de beste manier om een aangepaste categoriepagina-stijl te maken?

**URL:** https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575
**Category:** Support
**Created:** [31 juli 2022 om 15:36 UTC](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575 "2022-07-31T15:36:53Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![thebigzhu](https://avatars.discourse-cdn.com/v4/letter/t/c6cbf5/32.png) [@thebigzhu](https://meta.discourse.org/u/thebigzhu)
#### Post date: [31 juli 2022 om 15:36 UTC](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575/1 "2022-07-31T15:36:53Z")

</div>

Hi, i would like to create a category page style like [forums.envato.com](http://forums.envato.com).

The title and description of the category.  
The subcategories if exists in that category.  
Some topics of that category.

How can I best achieve this? With a theme component? Or i can do it also in a theme?

---

<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: [31 juli 2022 om 20:09 UTC](https://meta.discourse.org/t/whats-the-best-way-to-make-a-custom-category-page-style/234575/2 "2022-07-31T20:09:52Z")

</div>

That looks like they didn’t use a public component but a custom handlebars-template for the category list.

One way to achieve a different look for the category list is picking a default style that comes closest to what you want from the site-setting `desktop category page style`, e.g. _Subcategories with Featured Topics_:

![Screenshot from 2022-07-31 20-45-55](https://global.discourse-cdn.com/meta/original/4X/e/8/0/e80a6cd7fb37d5d4ac6a002c0da27d478cbaca32.png)

And then style that default template with CSS.

That’s pretty straightforward on one hand. But as the setting name suggests, this only affects the **desktop** layout. Afaik there’s only one default mobile layout right now and it uses it’s own layout template. So that can be a rather limiting downside of that approach.

Another way is indeed to make your own layout and use that on both desktop and mobile. Could maybe look at [GitHub - discourse/discourse-minimal-category-boxes · GitHub](https://github.com/discourse/discourse-minimal-category-boxes) as an example how to set this up in a component.

I think it just inserts the new template above the default ones on desktop and mobile and hides those with CSS. Would that actually be the simplest and recommended approach?