move things to the left on category page



  • I have used a code from @yariplus for the black things. (KEEN and MEDIA) and now I want the space where the icons from categories can be placed removed and everything go to the left a little bit.

    This is how it looks like now
    0_1500291437818_103a90e5-5c2b-4bda-a56a-77a8edd46038-image.png
    0_1500290871660_0551dfba-598c-49b7-a2d4-3f5d27db9f70-image.png
    0_1500291383018_cffe7fdd-40d1-46ea-b012-656bfb5204c5-image.png

    and I want it to look like this

    0_1500291440489_7863daef-2ce3-4fb7-9182-3960e7b769fc-image.png
    0_1500290931144_122a32d4-38a8-4674-abce-f835c40fe945-image.png
    0_1500291385623_6df5fdba-2a03-403a-b48d-5b250f544dc8-image.png

    but I can't do it. Can somebody help me with this please?



  • well the problem is your categories don't have icons, making them misaligned with the header and the rest of your site, the best fix would be hiding the image area imo

    something like this

    .page-categories .icon.pull-left {
        display: none;
    }
    
    
    .page-categories .categories>li .content h2, .category>ul>li .content h2 {
        margin: 0 0 0 12px;
    }
    

    now the other option would be to make the black bar smaller, by adding margin on the left, but that looks weird

    ul.categories [data-cid="1"]::before, ul.categories [data-cid="1"]::before {
        margin-left: 70px;
    }
    

Log in to reply
 


Star

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