XF 1.x Sub Forums below forum as list

[Boone]

How do I make the subforums appear below a forum as a list and not a dropdown?

Thanks.

 

[Boone]

Found it.

 

[Commodore]

fantastic!

Ok I have done this but not happy with the layout. Can we change this layout of subforums to make it easier on the eyes?

1. For example, long subforum titles, can we get wordwrap so the titles don't get cut off?

2. Can we lower the subforums a bit? It looks like that LATEST POST section is just too close.

3. Notice how the columns dont look centered. column 2 and 3 are way to the right.

 

[Russ]

1.) extra.css:

.XenBase .node .subForumList li .nodeTitle { text-overflow: no; }

2.) extra.css:

.XenBase .node .subForumList { margin-top: 10px; }

3.) They actually are, it just appears that way due to the lengths. If you had short titles in the first column and long in the last it'd probably look the same.

 

[Commodore]

Strange. Neither code above seem to do anything.

Also When I add the small icons... they show up to the RIGHT of the text and on the next line?

 

[Russ]

I'd need to see it live to debug, currently closed to the public. If you want to submit a ticket with login details I can take a look.

 

[Commodore]

Thank you so much for your service and expertise.

I will continue to talk up pixelexit up to our guildies for years for your assistance and excellent products.

 

[Commodore]

Two column works terrific, but guildies are asking for a larger font ... how do we change font size?

Also, can we use a larger icon and create more space between the icon and text??

 

[Russ]

On your: .smallNodeIcon CSS, increase the margin-right, currently set to 2px.

Then you can add this to your extra.css:

.XenBase .node .subForumList li .nodeTitle {
    font-size: 13px;
}

 

[Commodore]

What the heck. I screwed something up. Accidentally renamed the smallNodeIcon and maybe extra CSS

i thought i was searching and i renamed them instead ...

now i got 3 columns

and my extra css is now gone

 

[Commodore]

i think i fixed extra css

i reverted smallNodeIcon... and now its gone

Now im frustrated......

 

[Russ]

Adjusted, you were missing the } at the end.