# Some Theme Styling help

**URL:** <https://meta.discourse.org/t/some-theme-styling-help/202635>\
**Category:** Support\
**Created:** [September 4, 2021, 10:14pm UTC](https://meta.discourse.org/t/some-theme-styling-help/202635 "2021-09-04T22:14:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Reaxgrim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reaxgrim/32/233033_2.png) [@Reaxgrim](https://meta.discourse.org/u/Reaxgrim)\
**Post date:** [September 4, 2021, 10:14pm UTC](https://meta.discourse.org/t/some-theme-styling-help/202635/1 "2021-09-04T22:14:42Z")

</div>

I thought this would be an easy thing to do but am either too tired or just cant work it out.

Trying to change the post top area from this.

 ![Current01](https://global.discourse-cdn.com/meta/original/3X/e/b/eb694d69e618ca73d1dcd17c816523a02bee8b93.png)

to this .. (just a mock-up)

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

Any ideas or pointing in the correct direction is appreciated

Thanks  
Reax

---

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [September 4, 2021, 11:05pm UTC](https://meta.discourse.org/t/some-theme-styling-help/202635/2 "2021-09-04T23:05:11Z")

</div>

If I see this correctly, the red boxes are categories and subcategories, and you want to separate them from the tags.

The easiest way seems to be something like this:

```css
#topic-title .topic-category {
    display: block;
    .topic-header-extra {
        display: block;
    }
}

```

---

<div class="post-metadata">

**Author:** ![Reaxgrim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reaxgrim/32/233033_2.png) [@Reaxgrim](https://meta.discourse.org/u/Reaxgrim)\
**Post date:** [September 4, 2021, 11:18pm UTC](https://meta.discourse.org/t/some-theme-styling-help/202635/3 "2021-09-04T23:18:49Z")

</div>

Sure i tried this but must have had my css wrong 😃 been a long time since i was coding anything.

Thanks

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [October 4, 2021, 11:19pm UTC](https://meta.discourse.org/t/some-theme-styling-help/202635/4 "2021-10-04T23:19:34Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.