• 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

DieselMinded

Well-known member
#1
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"
 

Brogan

XenForo moderator
Staff member
#2
Do you mean like this?

forum.PNG

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

DieselMinded

Well-known member
#5
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
 

Brogan

XenForo moderator
Staff member
#6
Try adding this to EXTRA.css
Code:
.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.
 

Nasr

Well-known member
#7
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:

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

Add "sectionMain" as shown below:

Code:
<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
 

Brogan

XenForo moderator
Staff member
#10
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.