XF 1.4 Subforum?

[tommydamic68]

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.



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

 

[Paul B]

Change the parent node of the "other food" forum to be the "health and nutrition" forum.

 

[tommydamic68]

Change the parent node of the "other food" forum to be the "health and nutrition" forum.

And the icon carries over?

 

[Paul B]

The icon is something I have added.

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



Then add to EXTRA.css:

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

Will this change effect SEO in anyway?

 

[Paul B]

No.

 

[tommydamic68]

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.

 

[BassMan]

Like Brogan said, uncheck the Show sub-forums popup:

 

[tommydamic68]

Like Brogan said, uncheck the Show sub-forums popup:

After unchecking sub-forum pop up, adding CSS as described above -it doesn't show anything at all.

 

[BassMan]

I think you have this somewhere in your CSS code:

.Responsive .node .subForumList {
display: none;
}

That's why it's not showing. I think you need to adjust the responsive widths.

 

[tommydamic68]

I think you have this somewhere in your CSS 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?

 

[Paul B]

CTRL+F

 

[BassMan]

And check the Responsive wide settings in style properties.

 

[tommydamic68]

Thanks - I found it here:

node_list.css

and changed this to 1000px:

.Responsive .node .subForumList
    {
        width: auto;
        max-width: 1000px;
    }

Not sure why it was set to display: none; however.

 

[tommydamic68]

Thanks - I found it here:

node_list.css

and changed this to 1000px:

.Responsive .node .subForumList
    {
        width: auto;
        max-width: 1000px;
    }

Not sure why it was set to display: none; however.

But sub forum doesn't show on an iPhone for some reason. Nor does it show on the iPhone on @Brogan's site.

 

[BassMan]

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.

 

[tommydamic68]

Subforums don't show in responsive like mobile.

Thats not good, any work around?

 

[BassMan]

I've edited my last post. Check above.

Not sure and hard to check now. I'm on mobile...

 

[tommydamic68]

I've edited my last post. Check above.

Not sure and hard to check now. I'm on mobile...

So, you recommend not changing the code above as I said I had and change settings here in this screen shot below? A little confused...

 

[tommydamic68]

If I cannot display a sub forum on a mobile device it would be a useless feature, it would be a complete inaccessible forum, makes no sense.