How to make Category Sections?

[julian]

@Dawid-Glomba Looks like they use custom CSS for those headers:

[Dawid Glomba]

@julian Ok but I do not know how I can add a css.
this my forum: http://crox.pl/
and my css:
body {
background-color: #F4F4F4;

}

#content {
background-color: white;
border: 1px solid #EDEDED;
border-radius: 5px;
padding-top: 20px;
}

.categories-title{
color: #000;
}

a {
color: #165199;
}

how do I add this line as:
ul.categories [data-cid="19"], ul.categories [data-cid="27"], ul.categories [data-cid="10"], ul.categories [data-cid="61"], ul.categories [data-cid="44"], ul.categories [data-cid="13"], ul.categories [data-cid="46"]

[julian]

You'll want to add it like it is defined at the right there.

ul.categories [data-cid="19"], ul.categories [data-cid="27"], ul.categories [data-cid="10"], ul.categories [data-cid="61"], ul.categories [data-cid="44"], ul.categories [data-cid="13"], ul.categories [data-cid="46"] {
    background: red;
}

That site used the :before pseudo-element. You'll want to read more about them here

[Dawid Glomba]

@julian Thanks

[ffmad]

ah ah, yeah I've done a little hack to make it look like big sections

you can use other images ^^

Might be interesting to have sections included in Nodebb natively ?

[yariplus]

I would like to see it in core. It seems like a fairly common feature.

[Dawid Glomba]

ul.categories [data-cid="102"]:before {
    content: "Społeczność CroX";
    background: #007bff;
    color: #fff;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-bottom: 1px #007bff solid;
    text-align: left;
    padding-left: 70px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 5px;
    margin-left: 10px;
}

---

Edit: Added formatting -- @Julian

[julian]

@yariplus We had a plugin for it, but it broke fairly quickly

Given that it is just CSS, it could actually be done as a plugin, but again, that's more of a creative use of CSS, as opposed to full support...

The trickiness comes from how people expect it to behave... are the category sections purely aesthetic? Are they actually categories? If the latter, can topics be made in the section categories?

[Dawid Glomba]

I like the classic look of such forum: P
This css has errors attributes However, I hope you do not mind a job forum

[yariplus]

@julian I checked a couple different forum softwares, and all of them were purely cosmetic.

A few of them had privileges settings that propagated to their children, but this was completely unnecessary and just a shortcut for assigning to each child.