UI.X2 Column sub-forums

[VG_AzR]

Tomorrow i will be back and i'll check the css of your forum. Just came back and gotta do the night shift (((

Hey!

There are no worries, rest well, thank you very much

 

[Hairein]

Hey, i'm back. Sorry for delay, you have to go to:

AppearanceStylesDefault style - Style properties > Node/forum list

then, under Sub-forums display style select *Listed below node*

 

[VG_AzR]

Thank you it's perfect

 

[JoyFreak]

Is there a way to bring the two columns closer to each other????

 

[Jordyn]

will this work with any theme or does it need to be uix based themes ?

This could work for you. Only tested on XF2.2 though.

.node-subNodeFlatList {
    display: block;
}
.node-subNodeFlatList li {
    width: 45%;
    float: left;
}

Also, you are able to bring sub-forums closer together or further apart adding the width like so. Great for short or long titles.

NON-UI.X2​

.node-subNodeFlatList {
    display: block;
    width: 500px;
}
.node-subNodeFlatList li {
    width: 45%;
    float: left;
    font-size: 14px;
}

UI.X2​

.node-subNodesFlat {
    display: block;
    width: 500px;
}
.node-subNodeFlatList li {
    width: 45%;
    float: left;
    font-size: 14px;
}

 

[Dixie McCall]

I added some column css and changed width to get this. Hope I did it correctly but it was what I was looking for. Used a link forum.

.node-subNodeFlatList {
display: block;
width: 800px;
columns: 200px 3;

}
.node-subNodeFlatList li {
width: 100%;
float: left;
font-size: 12px;
}