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

XF 1.4 Icon alongside child forum?

#1
Is there a way to achieve something like this?
Screen Shot 2015-09-12 at 8.37.43 PM.png

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!
 

Brogan

XenForo moderator
Staff member
#2
You can use .subForumList li .nodeTitle:before and .subForumList li .unread .nodeTitle:before in EXTRA.css.

This is what I use for example:
Code:
.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;
}
 
#3
You can use .subForumList li .nodeTitle:before and .subForumList li .unread .nodeTitle:before in EXTRA.css.

This is what I use for example:
Code:
.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!