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

Style Compact forum display? Have LOTS of subforums!

#1
Hi does anyone make an add on or style which slims down the number of forums / subforums displayed? I have a huge number of subforums and would like to greatly compact what's displayed instead of having users scroll down for dozens of screens
 
#4
Thanks for reaching out, please see the following
Many Forum styles provide this feature.
Flat awsome+ from https://pixelexit.com/
is one of them.

View attachment 133196
Hey thanks for the link. While I like the option of hiding the last post and other info, basically what I'm looking for is a way to super minimize the subforums, so that they are a collection of links when seen from the main forums listing page like so:
 

Attachments

Russ

Well-known member
#5
How is your current setup? Default you have the forums in a pop up, unchecking that would result in:

Screenshot_12.png

(Style Properties -> Forum / Node List -> Show sub-forums popup - Uncheck)
 

Russ

Well-known member
#7
I haven't really tested it thoroughly but if you're trying to get that look on the main primary nodes:

this is extra.css:
Code:
.forum_list .nodeList
{
   overflow: hidden;
}
.forum_list .nodeList .node .level_2
{
   float: left;
   width: 31%;
   margin: 2px 0 2px 2%;
   padding: 5px 0px;
   border-bottom: 1px solid @primaryLighterStill;
}
.forum_list .nodeList .node .nodeIcon, .forum_list .nodeList .node .nodeStats, .forum_list .node .nodeLastPost,
.forum_list .node .subForumList, .forum_list  .node .nodeDescription, .forum_list .node .nodeControls
{
   display: none !important;
}
.forum_list .nodeList .node .nodeText
{
   margin: 0px;
}
.forum_list .nodeList .categoryForumNodeInfo, .forum_list .nodeList .forumNodeInfo, .forum_list .nodeList .pageNodeInfo, .forum_list .nodeList .linkNodeInfo
{
   border-bottom-width: 0px !important;
}
@media (max-width:@maxResponsiveWideWidth)
{   
   .Responsive .forum_list .nodeList .node .level_2 { width: 48%; }
}
@media (max-width:@maxResponsiveMediumWidth)
{   
   .Responsive .forum_list  .nodeList .node .level_2 { width: 100%; }
}
Results in:
Screenshot_16.png