Tips XF2 Grid Nodes Css alternative to addon [cXF] Grid Nodes

Admin

Administrator
Staff member
Joined
Aug 30, 2019
Messages
1,288
Reaction score
2
Points
38
by Admin, 133 views.
How to make the display of forums like you have in two columns?

CSS:
[data-template="forum_list"] .block.block--category .block-body, [data-template="forum_view"] .block .block-body.gn-grid, [data-template="category_view"] .block .block-body.gn-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 50% auto;
    grid-gap: 3px;
}
.block-container:not(.block-container--noStripRadius) > :last-child, .block-bottomRadiusContent, .block-container:not(.block-container--noStripRadius) > .block-body:last-child > .blockLink:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.block-body {
    list-style: none;
    margin: 0;
    padding: 0;
}
.node.node--depth2 {
    color: #141414;
    background: #555e64;
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
    border-radius: 4px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
}
.node-statsMeta {
    display: inline;
}
.node-stats {
    display: none;
}
.node-title {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
}
 
Top