Adapt code to my theme

Master

Hello !

I need adapt this code to this theme https://community.nodebb.org/topic/4643/nodebb-theme-material-v2-0-published/185. How can i do that?

ul.categories [data-cid="1"]:before {
    content: "Sprawy Ogólne CsWild";
    background: #28425f url(/images/ikony/homev2.png) no-repeat 10px center;
}
ul.categories [data-cid="20"]:before {
    content: "Nasza społeczność";
    background: #28425f url(/images/ikony/people.png) no-repeat 10px center;
}
ul.categories [data-cid="25"]:before {
    content: "Nasze Serwery";
    background: #28425f url(/images/ikony/serwery.png) no-repeat 10px center;
}
ul.categories [data-cid="49"]:before {
    content: "Counter-Strike: Global Offensive";
    background: #28425f url(/images/ikony/game.png) no-repeat 10px center;
}
ul.categories [data-cid="62"]:before {
    content: "STREFA BANÓW";
    background: #28425f url(/images/ikony/banv2.png) no-repeat 10px center;
}
ul.categories [data-cid="52"]:before {
    content: "KĄCIK GRAFIKA";
    background: #28425f url(/images/ikony/grafika.png) no-repeat 10px center;
}
ul.categories [data-cid="55"]:before {
    content: "Hydepark";
    background: #28425f url(/images/ikony/hyde.png) no-repeat 10px center;
}
ul.categories [data-cid="58"]:before {
    content: "Pozostałe";
    background: #28425f url(/images/ikony/pozostale.png) no-repeat 10px center;
}
ul.categories [data-cid="1"]:before, ul.categories [data-cid="20"]:before, ul.categories [data-cid="25"]:before, ul.categories [data-cid="49"]:before, ul.categories [data-cid="62"]:before, ul.categories [data-cid="52"]:before, ul.categories [data-cid="55"]:before, ul.categories [data-cid="58"]:before {
    color: #fff;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-bottom: 1px #0c2b51 solid;
    text-align: left;
    padding-left: 70px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #2d2929;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

Thanks for help

jarey

@Master You have several ways to do it.

1 - Edit the theme's .less files in order to specify your css rules.
2 - In the Administration Control Panel go to custom Css and simply paste your css rules.

Seein that your css is not complex at all, you could go the ACP way. Be carefull with the images urls location, you should specify the correct path there.

Mikael Jenkler

I only use tip be 2. Works great