# Come cambiare lo stile delle categorie?

**URL:** <https://meta.discourse.org/t/how-to-change-categories-style/78067>\
**Category:** UX\
**Created:** [15 Gennaio 2018, 1:52pm UTC](https://meta.discourse.org/t/how-to-change-categories-style/78067 "2018-01-15T13:52:18Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [15 Gennaio 2018, 2:47pm UTC](https://meta.discourse.org/t/how-to-change-categories-style/78067/4 "2018-01-15T14:47:57Z")

</div>

You can start with this as a “base” and build on it.

```plaintext
.categories-and-latest {
  flex-direction: column;
}

.category-list .category-description,
.category-list .subcategories,
.category-list tr .topics,
.category-list th {
  display: none;
}

.category-list tbody .category {
  border: none;
  width: 100%;
  display: block;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}

.category-list tbody tr[class] {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 20px;
  border: 1px solid black;
  text-align: center;
  line-height: 200px;
}

.category-list tbody {
  text-align: center;
}

```

Of course this is very rough and hard coded but should help you get started.

Result:

 ![basic idea of the layout](https://global.discourse-cdn.com/meta/original/3X/1/c/1ca918f5d7fc48c0be0cfc350b3e90da12c1a4ad.PNG)

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-categories-style/78067)._