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

XF 1.4 Subforum?

tommydamic68

Well-known member
#1
Not sure if this is the right term for what I am looking for. I have a "health and nutrtion" section on my forum but want to add a sort of subform on a particular food. How would I safely go about this? I have the "other food" forum already existent but want to move it under the health and nutrition forum as a sub forum. Sort of like this. @Brogan - I used your site as a reference.

Screen Shot 2014-11-06 at 6.02.27 AM.png

Here is my forum area. I want to move the "sphynx cats and raw diet" under "sphynx cat health and nutrition" as a "sub forum."

Screen Shot 2014-11-06 at 6.05.57 AM.png
 

Brogan

XenForo moderator
Staff member
#4
The icon is something I have added.

You will need to change the Style Properties and uncheck the popup.

upload_2014-11-6_11-42-55.png

Then add to EXTRA.css:
Code:
.subForumList li .nodeTitle:before
{
    background: @primaryLight url('@imagePath/path/to/image.png') repeat-x top;
    border: 1px solid @primaryLight;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}

.subForumList li .unread .nodeTitle:before
{
    background: @secondaryMedium url('@imagePath/path/to/image.png') repeat-x top;
    border: 1px solid @secondaryMedium;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}
Updating the CSS to suit.
 

tommydamic68

Well-known member
#7
Ok - it changed it to a sub forum, how do I add the forum name, instead of "sub forum." I want just a link and it to appear as yours below messages and discussions.

Screen Shot 2015-01-31 at 8.56.17 AM.png
 

BassMan

Well-known member
#10
I think you have this somewhere in your CSS code:

Code:
.Responsive .node .subForumList {
display: none;
}
That's why it's not showing. I think you need to adjust the responsive widths.
 

tommydamic68

Well-known member
#11
I think you have this somewhere in your CSS code:

Code:
.Responsive .node .subForumList {
display: none;
}
That's why it's not showing. I think you need to adjust the responsive widths.
I can't seem to find it, is there an easy way to search your css without going line by line?
 

tommydamic68

Well-known member
#14
Thanks - I found it here:
Code:
node_list.css
and changed this to 1000px:

Code:
.Responsive .node .subForumList
    {
        width: auto;
        max-width: 1000px;
    }
Not sure why it was set to display: none; however.
 

BassMan

Well-known member
#16
Subforums don't show in responsive like mobile.

Also I think you need to check your Responsive wide settings in style properties and not change this code.