How to seperate categorys on forum home

[DieselMinded]

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"

 

[Paul B]

Do you mean like this?



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

 

[DieselMinded]

i

Do you mean like this?

View attachment 12850

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

Indeed, is there a tutorial on here ?

 

[Paul B]

There might be somewhere but trying to find it could be a bit tricky.

 

[DieselMinded]

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

 

[Paul B]

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.

 

[Nasr]

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

<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

 

[DieselMinded]

Brogan .... your batting 1000 tonight !!! Perfect THANK YOU

 

[DieselMinded]

This is a small edit by Jake Bunce

see http://www.royal4x4.com/index.php , how can i move my forum icons to right on the border ?

 

[Paul B]

See, I said it might be around somewhere

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.

 

[Nasr]

see http://www.royal4x4.com/index.php , how can i move my forum icons to right on the border ?

The forum icons are inside a div class that is inside another div class that is inside another div class. You'd have to take them out of that div class to get them set up as you would like. You'll have to do some template edits to achieve what you want. Might be harder than it looks.

 

[DieselMinded]

isnt there some sort of float css to where i can bring them to the front and move them over?