XF 1.4 Icon alongside child forum?

[Rum Runner Entertainment]

Is there a way to achieve something like this?


I'm referring to the small folder icons. I want to add something like that in, although I don't know the template or CSS attribute if there is one. I'm lost on how to achieve that.

Thanks!

 

[Paul B]

You can use .subForumList li .nodeTitle:before and .subForumList li .unread .nodeTitle:before in EXTRA.css.

This is what I use for example:

.subForumList li .nodeTitle:before
{
    background: @primaryLight url('@imagePath/images/node-icon-gradient.png') repeat-x top;
    border: 1px solid @primaryLight;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}

.subForumList li .unread .nodeTitle:before
{
    background: @secondaryMedium url('@imagePath/images/node-icon-gradient.png') repeat-x top;
    border: 1px solid @secondaryMedium;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}

 

[Rum Runner Entertainment]

You can use .subForumList li .nodeTitle:before and .subForumList li .unread .nodeTitle:before in EXTRA.css.

This is what I use for example:

.subForumList li .nodeTitle:before
{
    background: @primaryLight url('@imagePath/images/node-icon-gradient.png') repeat-x top;
    border: 1px solid @primaryLight;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}

.subForumList li .unread .nodeTitle:before
{
    background: @secondaryMedium url('@imagePath/images/node-icon-gradient.png') repeat-x top;
    border: 1px solid @secondaryMedium;
    content: "";
    margin-right: 4px;
    padding-left: 14px;
}

Thanks Brogan!