XF 2.1 Forums two columns

Currently reading:
XF 2.1 Forums two columns

techside

cXF PREMIUM
Joined
Sep 3, 2018
Messages
22
Reaction score
5
How to make the display of forums like you have in two columns?

1691
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,027
Reaction score
617
Website
www.customizexf.com
Use this add-on:
 

techside

cXF PREMIUM
Joined
Sep 3, 2018
Messages
22
Reaction score
5
How to make Threaads and Messages under the heading of the Titles forums
 

android88

cXF PREMIUM
Joined
Jun 18, 2015
Messages
18
Reaction score
2
add extra.less:

Code:
[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;
}
result:

 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,027
Reaction score
617
Website
www.customizexf.com
add extra.less:

Code:
[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;
}
result:

Not sure what you mean, sorry.
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top