Adapt code to my theme


  • Gamers

    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


  • Translator

    @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.


  • Swedes

    I only use tip be 2. Works great 🙂


Log in to reply
 


Looks like your connection to NodeBB was lost, please wait while we try to reconnect.