Category separation and hiding the bar.

[Kyle Locke]

I'm looking for two codes. One that separates categories and one that removes the bar that has Forum Name, Topics, Post and Last Post in it.

[Tumbleweed]

In V5 the categories are separated. To remove the Forum Name, Topics, Post and Last Post go to:

Admin > Themes > Layout Templates and then click on boards. Once in the boards click on the "Board Lists" tab. Then you can comment out the part you don't want by adding the red above and below like I did below. That way if you ever want them back you can just remove the comments:

<table class="list" role="grid">
<!--
<thead>
<tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
-->

[rchelitalk]

Tumbleweed any ideal on how to move these items up to the category bar?

[Tumbleweed]

Hi rchelitalk,

This thread is actually in the wrong board. I'm not sure of the best way to do that so I'd suggest you make a new thread in "Request a template mod" located here:
support.proboards.com/board/45/templates

(I can get those on the same line as the category but I run into an issue with the actual digital number of posts/views being too narrow (which is below it) for the text "posts" and "views" to look right located above it)

Also you may want to explain exactly what you want on the category bar in your new thread as I wasn't sure what all you wanted.

[rchelitalk]

Thanks for the reply Tumbleweed.
Working on a theme at www.rchelitalkforum.proboards.com/ going for a phpbb look.

If you don't mind could you pm me what and where you did and I will take a look and then if needed I will post up over at the template support board.

Thanks again

[Tumbleweed]

I can post it here but mind you, I'm sure there probably is a more logical way to do this. I'm new at this too.

Do what I told Kyle Locke to do but double check it because I edited it to put the comment tags in the correct place as I had initially put them in the wrong place.

Next, I went to Home template and added the blue:

$[news]
{foreach $[category]}
    $[category.anchor]
    <div class="container boards">
        <div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]
            <span style="float:right;margin-right: 150px;">  
                <span style="margin-right:50px;">Threads</span>      
                <span style="margin-right: 100px;">Posts</span>
                <span>Last Post</span>
            </span>


You will no doubt, have to adjust the margin-right in that.
Then I added this to the end of my style sheet to get the widths of each cell in the next row, how I wanted it. (That was the thing I was puzzled about for a sec.)

.icon{width:4%;
}
.main.clickable{width:50%;
}
.boards .latest{width: 30%;
}
.boards .threads{width: 8%;
}
.boards .posts{width: 8%;
}

Adjust the widths to your liking before you edit the spans above. Again, I'm just figuring all this out too so I'm sure there must be a better more proper way. Make sure the total widths of those equal 100%. Regardless of whether it is the best way to do it, I have it looking fine on my test site.

[rchelitalk]

Thanks Tumbleweed worked like a charm. Didn't need second half at this time but may use in the future.