# How to hide category names and move the description?

**URL:** https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149
**Category:** Support
**Created:** [8월 15, 2015, 4:28오전 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149 "2015-08-15T04:28:10Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![DJ\_Lobster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dj_lobster/32/44874_2.png) [@DJ\_Lobster](https://meta.discourse.org/u/DJ_Lobster)
#### Post date: [8월 15, 2015, 4:28오전 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/1 "2015-08-15T04:28:11Z")

</div>

I’ve got Discourse set up, but I’m pretty new to this platform and am having some trouble figuring out how to situate the categories how I want them. I’m wanting to go for a look like the Gearbox forums. [http://forums.gearboxsoftware.com/](http://forums.gearboxsoftware.com/) Here’s an image in case no one wants to click the link:  
[Imgur: The magic of the Internet](https://i.imgur.com/vKM4neu.png)

I’ve got categories displaying on the front page in the order I want, and I know how to set up the images, but I just can’t figure out how to remove the category titles and move the category descriptions in it’s place. Could anyone point me in the right direction?

I did find [this topic here](https://meta.discourse.org/t/adding-category-logo-image-hides-category-title-from-listings/17818), about someone complaining about the titles disappearing when using images but that functionality was removed.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [8월 15, 2015, 6:48오전 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/2 "2015-08-15T06:48:03Z")

</div>

You should probably fill out the category descriptions… It’s the topic that a button in the category edit dialog takes you to.

---

<div class="post-metadata">

### Author: ![DJ\_Lobster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dj_lobster/32/44874_2.png) [@DJ\_Lobster](https://meta.discourse.org/u/DJ_Lobster)
#### Post date: [8월 15, 2015, 5:46오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/3 "2015-08-15T17:46:41Z")

</div>

I already have category descriptions… either you misunderstood me or I’m missing something really simple related to category descriptions.

I made an image to show what I’m talking about.

 ![](https://global.discourse-cdn.com/meta/original/4X/1/e/9/1e97fec5f33f0073c42732de6839c75bd1e06813.png)  
The top image is what it currently looks like on my site. The bottom image is what I want, which is just like how the Gearbox forums have their categories set up.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [8월 15, 2015, 5:55오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/4 "2015-08-15T17:55:05Z")

</div>

Have you tried CSS? eg.

```plaintext
.category-name { 
  display: none;
}

```

\*test, I don’t know where else that class might be being used so you may need a more specific selector

---

<div class="post-metadata">

### Author: ![DJ\_Lobster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dj_lobster/32/44874_2.png) [@DJ\_Lobster](https://meta.discourse.org/u/DJ_Lobster)
#### Post date: [8월 15, 2015, 6:03오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/5 "2015-08-15T18:03:04Z")

</div>

With

```
span.category-name {
    display: none;
}

```

It looks like this:

 ![](https://global.discourse-cdn.com/meta/original/3X/d/1/d1efcc90a4ebbed0b231ee58961f6323dde44f50.png)

How would I move the description up to where the category title was? I could use JS to copy the description, hide the description and then paste it into the ‘span.category-name’ but I don’t think that’s the proper way to go about this :\

---

<div class="post-metadata">

### Author: ![DJ\_Lobster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dj_lobster/32/44874_2.png) [@DJ\_Lobster](https://meta.discourse.org/u/DJ_Lobster)
#### Post date: [8월 15, 2015, 6:19오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/6 "2015-08-15T18:19:02Z")

</div>

Ok, this took me way too long, but I figured it out. For anyone else that wants a similar setup I’m going to lay it out here. It’s really simple too.

Gearbox uses this:

```
.has-logo div:first-child {
    float:left;
}

.has-logo h3 a {
    font-size: 0;
}

.has-logo .category-description {
    float: left;
    width: 250px;
}

```

---

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [5월 30, 2017, 12:24오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/7 "2017-05-30T12:24:26Z")

</div>

This has really helped me! The solution has worked, however, I don’t want this rule to apply to subcategories. I can’t seem to fathom the rule I need to allow these changes to take effect to the main categories but for them to ignore the subs.

Is there a solution to this?

Thank in advance!

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [6월 8, 2024, 12:44오후 UTC](https://meta.discourse.org/t/how-to-hide-category-names-and-move-the-description/32149/8 "2024-06-08T12:44:38Z")

</div>

이 주제는 3220일 후 자동으로 닫혔습니다. 더 이상 새 답변을 작성할 수 없습니다.
