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

How to seperate categorys on forum home


Well-known member
so they are not all connected , how do you make the category top the header of that category then have a space then the next one so on and so forth .

just to let people know.....
i use the search feature on here for things like this and even use google with "xenforo" in front of my search terms , i dont start a thread unless i cant find the solution on my own

I dont know if i search wrong or what, like this...

the show us your xenforo thread thats stuck in off topic wont show up in a search for "show us your xenforo"


XenForo moderator
Staff member
Do you mean like this?


If so you will have to modify the sectionMain and .nodeList .node.level_1 classes.


Well-known member
well i could install a style thats like that , copy and paste the templates then delete the style ...... may be faster than searching for it :D


XenForo moderator
Staff member
Try adding this to EXTRA.css
.sectionMain {
border: none;

.nodeList .node.level_1 {
border: 1px solid @primaryLighter;
border-radius: 10px;
padding: 10px;

This may impact on other elements or pages, I haven't checked.


Well-known member
Oh OK. You can edit this template to do that:

Admin CP -> Appearance -> Templates -> node_category_level_1

If you surround the contents of this template in some kind of wrapper then it will apply to whole categories in the forum list.


For example, you can move the sectionMain wrapper with these changes:

Admin CP -> Appearance -> Templates -> node_list

Remove "sectionMain" from this code:

<xen:if hascontent="true">
<ol class="nodeList sectionMain" id="forums">
<xen:foreach loop="$renderedNodes" value="$node">{xen:raw $node}</xen:foreach>
Admin CP -> Appearance -> Templates -> node_category_level_1

Add "sectionMain" as shown below:

<xen:require css="node_list.css" />
<xen:require css="node_category.css" />

<li class="sectionMain node category level_{$level}" id="{xen:helper linktitle, $category.node_id, $category.title}">
That creates this effect:

View attachment 5919

A change like this can sometimes be context sensitive. You might find some layout weirdness at certain forum depths. You will need to test it out.
This is a small edit by Jake Bunce


XenForo moderator
Staff member
See, I said it might be around somewhere :D

Actually Jake's method may be better as it won't affect anything else using the class.
The only minor issue is you will have to reapply the edits if the templates become outdated after an upgrade.