by Admin,
148 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;
}