XF 1.4 Subforum?

tommydamic68

Well-known member
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.webp

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.webp
 
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.webp

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.
 
Like Brogan said, uncheck the Show sub-forums popup:

upload_2014-11-6_11-42-55-png.88300
 
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.
 
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.
 
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.
 
Top Bottom