• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How do I show my page into two columns

Morgain

Well-known member
#2
Can you say which page on your site you want to split?
You need to edit the template as a basic solution
There are better ways but this is the simplest quick fix. So we need to know which page/ template to look at.

Also yes your pic would be helpful if you upload it. See the Upload a file button under where you reply - and you have to select Thumbnail OR Full Size (buttons beside the pic after you upload it)
 

Brogan

XenForo moderator
Staff member
#4
Add this to EXTRA.css:

Code:
.node .nodeText {
margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
 
.nodeList .node.level_1 {
clear: both;
}
The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
Further tweaks can be made in Style Properties.

The result of the above simple code is as follows:

columns.PNG
 

Dynamic

Well-known member
#6
Add this to EXTRA.css:

Code:
.node .nodeText {
margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
 
.nodeList .node.level_1 {
clear: both;
}
The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
Further tweaks can be made in Style Properties.

The result of the above simple code is as follows:

View attachment 27746
Is there a way to do that, and under the forum statistics show the last thread updated, the user, and the time?
 
#8
Add this to EXTRA.css:

Code:
.node .nodeText {
margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
 
.nodeList .node.level_1 {
clear: both;
}
The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
Further tweaks can be made in Style Properties.

The result of the above simple code is as follows:

View attachment 27746

Thank you very much was very good
 

erich37

Well-known member
#10
hmmm... I just tried Brogan's code but somehow the blue border around the nodes is cut off. The border is showing around the first Category-Nodes, but is not displayed around the second category-nodes.

Would be cool to also display the info for the "Latest post" and RSS-image.
So literally the same thing as the default, but just 2 columns.

would be great if someone could give us a further hint of how to achieve this.

Many thanks!
 

Divvens

Well-known member
#12
Ok I'm having a smallll problem with this :p
My last forum category has 1 visible forum and 2 staff forums, for staff it looks like the image below and for normal members it looks like the 2nd image. Anyway I can fix this? I want to show the forums in two columns since it looks great for the skin I'm working on.

forumforstaff.png

forumformembers.png
 

kkm323

Well-known member
#20
Add this to EXTRA.css:

Code:
.node .nodeText {
margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
 
.nodeList .node.level_1 {
clear: both;
}
The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
Further tweaks can be made in Style Properties.

The result of the above simple code is as follows:

View attachment 27746
Is it possible to include the latest thread underneath the forum?