Darlin' you rock! I found that code on another forum of dubious content. Now I know where they got it.
Is it possible to make the thread list in to 2 columns?

Sure, you could apply the same technique to the thread list on the forumdisplay pages.

Is this known to be working still in 4.1.5? I applied the sub forum listing to the default template and saw no change. I added this to the additional.css file and the forumbits.css file...

Thanks!

I just added the subforum css to the additional.css template in one of my 4.1.5 default styles and it worked just fine.

Doesn't seem to work for me either on my 4.1.5 test site....

Edit: Still works as intended on 4.1.5, I just didn't with the way my forums and sections were configured.

Using this CSS, can I replicate my existing look?

Using just CSS? No. You will need to do template edits also.

Hello Lynne, I'm still new to CSS and have read through this entire thread and tried messing with the codes but cannot achieve the end result I am looking for.

This is how my forum looks now (default 4.1.5 and there are child forums within here):

http://i24.photobucket.com/albums/c3...32/current.png

This is how I want it to look (your second image in original post):

http://i24.photobucket.com/albums/c3...alZ32/goal.png

And this is what I get when I post the code in my additional css. window:

http://i24.photobucket.com/albums/c3...dewithout1.png

Could you please help me identify what I am doing wrong??

Thanks in advance, I really appreciate your time and help




ok so I read the original thread that this one derives from and got this code from Charlie's post:

.subforums ol.subforumlist {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}"

I punched it into my forumbit.css and got a result similar to what I want:


http://i24.photobucket.com/albums/c3...nglecolumn.png

But I would very much rather have two columns instead of one, hopefully this is an easier question to answer??


Side note, I have the Forum Listing Display Options > Depth of Sub-Forums set to "1" so that they will appear, it defaults to 0 so nothing will show unless I change it to 1...

You would need to post a link to your forum/style so we can see what is going on.

www.bavarianmotorworkz.com the style im using is the default one called "Dark"

This is my forumbit:

and my additional.css is blank...

Your sub-forums are going in a single column because of the <br> you have in the template "forumhome_subforumseparator_post"

I <3 you sooooooooooooooooooooooooooooooooooooooooooo much right now!!!!

how can I do this with 3.8.x series?

Nice, thank you.

--------------- Added [DATE]1316793103[/DATE] at [TIME]1316793103[/TIME] ---------------

Thank you for article.

http://i28.lulzimg.com/fc9d4f335f.png

How Can I Remove This? Lynne... Please Help!

That is not a CSS question that deals with this thread. You should ask that out in the main forums and also post a link to your page so people can see what you are talking about.

Can you do this for specific categories?

If you add the category id to the beginning of the class, yes.

How would I go about this, sorry.

--------------- Added [DATE]1323065536[/DATE] at [TIME]1323065536[/TIME] ---------------

Am I able to use conditionals for forums?

So.. for example...

If you look at the page source, you'll see this at the start of categories:
<li id="cat48" class="forumbit_nopost old L1">

So you could add #cat48 in front of the class. Example, instead of:
.subforums ol.subforumlist
You could put:
#cat48 .subforums ol.subforumlist

Really good stuff, as usual. Is there a way to increase the width between subforums? So that they aren't so stacked/crammed on top of one another?

http://awesomescreenshot.com/0a0qfy939

Just add some top-padding:

.subforumlist li.subforum {
padding-top: 5px;
}

Ok So, I Have set my ".childforum li.forumbit_post {" to 50%.... My 3rd category always looks ugly. Please See This -

https://vborg.vbsupport.ru/external/2012/01/32.png

How do i Center it?

I don't think you can center that without writing some code to do it (a plugin).

i like this but it confuses me lol

Is there a way to make this three columns?

Can you hep us out by posting where your code is and what you've used?

I just installed 4.1.12pl1 and this stopped working. I still get two columns, but the spacing differs from forum to forum with 3 different spacings. It is behaving like a tab stop overflow instead of just dividing the area into two pieces as it was last week with 4.1.10.

Did 4.1.12pl1 change the name of the class for subforum?

Here is what I have in additional css.

I'm not sure what you mean. I just tested that on my default 4.1.12 site and it looks the same on the forum.php page as on the forumdisplay.php page.

It is possible that something else got altered in our customized styles but this part seemed so simple that I don't really see how.

Here is a link to the site to see what it looks like. http://mb.nawcc.org you do not need to be logged in the see the irregular formatting.

The only page I see the subforums listed in columns is on the main page. None of the forumdisplay pages have that, so I am not seeing any problem at all.

I thought we were talking about the listing of subforums on the main page. That is what I was using your css for.

Since the upgrade the right hand columns do not align between categories. Before the upgrade all the right hand columns started on the same column position. I had thought that the ol 100% list followed by the 1i 50% width would control the alignment.

The person who set up the styles for that display is no longer available, so maybe I just need to study it some more if you say it is unrelated to this css discussion.

Ah, I see what you mean. You said it differed from forum to forum and I thought you meant looking at one forum page (forumdisplay) versus another (cuz if you have subforums on those pages, then the code will align them on those pages also).

If you look at the page using firebug, you'll see that the width given to each of the <li> is different. You need to do something to set those to 100%. You'll have to play with it a bit cuz lists are a bit odd with CSS.

Thanks, just used this in one of our forums. Great help!

Lynne - this is perhaps one of the most useful articles in the 10+ years I have been around. I can't tell you how much work it saves so many people trying to accomplish the same and used to do with awful plugins.

I'm glad you found it useful. :)

Hi Lynne,

Thanks for putting this code up. So i managed to split a specific category. This category has 30 forums in it. So i was thinking this code would split 15 on the left and 15 on the right. Instead it has done 12 on the left and 18 on the right. Any ideas on how to fix this? I've tried fiddling with some percentages, but i'm lost.

Help would be appreciated thanks.

How about a link to view the problem? (If a forum name is really long, then it may 'push' another forum to be listed underneath it instead of beside it.)

Here is what it looks like http://abasketballjones.com/wp-conte...rum-column.png

The above image is only half of it. But still you see whats happened.

This is the code i put in: