rước kia để chia cột cho các sub forum chúng ta cần phải sửa template rất nhiều, tuy nhiên xenForo hiện tại đã cho phép tùy chọn trong giao diện mà không cần sửa code nữa. Như các bạn thấy ở hình ảnh bên trên, các sub forum đã được chia cột rất ngay ngắn chỉ bằng cách click vào tùy chọn tại: Apperance > Style Properties > Forum List
Và bỏ dấu tích khỏi ô
Show sub-forums popup 
Cách khác:
Các bạn đăng nhập AdminCP->Appearance->Templates->Extra.css Thêm đoạn mã dưới vào.
Mã:
.subForumsGrid { padding-right: 4px; }
.subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; }
.subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
.subForumsGrid .node { width: 20%; float: left; }
.subForumsGrid .node ol { padding-left: 10px; }
.subForumsGrid .node a { padding: 5px 10px 5px 18px; }
.subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
.subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
.subForumsGrid .node div,
.subForumsGrid .node div a:hover
{
background-image: url('@imagePath/xenforo/widgets/read.png');
background-repeat: no-repeat;
background-position: 0px 50%;
}
.subForumsGrid .node div.unread,
.subForumsGrid .node div.unread a:hover
{
background-image: url('@imagePath/xenforo/widgets/unread.png');
background-repeat: no-repeat;
background-position: 0px 50%;
}
Thêm đoạn mã dưới vào cuối các Template sau :
- node_category_level_2
- node_forum_level_2
- node_link_level_2
- node_page_level_2
Thêm vào dưới của dòng đầu tiên của các Template dưới đây :
- node_category_level_n
- node_forum_level_n
- node_link_level_n
- node_page_level_n
Mã:
{xen:if $renderedChildren, ' fullWidth'}
Nếu muốn chia 02 cột hoặc điều chỉnh chiều rộng thì sửa đoạn này nhé
.subForumsGrid .node { width: 20%; float: left; }