How to show Category Hierarchy in Topic-List with CSS

Hi Everyone and thanks for your time to read. I´ve searched the forum for hours and tried a bit with chat gpt and a testforum but i need some help here.

In our ngo we want to rearange our categorys so that each department has its own category with 3 Subcategories:

image

So Basically generic like:

  • Topcategory = Name of department
  • Subcategories:
    • news
    • questions
    • internal

If you imagine having 10 or more departments writing news, you´ll can´t see from who is the news in result-list, because only the actual (sub)category is shown there.
Here is an example of an Testinstance, Creating Posts in different Subcategories all named faq:

you have different Bubbles in Split Color which signals it´s a subgroup, but still you don´t know which was the department on first sight.

So in Result-List there is the Element

link-bottom-line

If this could look like

ember 80 ember-view topic-category

from ThreadView this would be perfect.

Also in Search results it is shown as needed, just that you get what i mean:

I don´t have any Idea how to do this, as I don´t know css and this is more difficult than to hide something.

I hope someone here can take the time to assist me on this, it would be very helpful and we could continue rearranging our forum.

If there is any questions let me know.

Thanks a lot and best regards

4 Likes

awesome, thanks a lot for that instant help and solution :heart:

2 Likes