XF 2.1 Changing forum node icons

[Rettep]

Hello! I've searched around here to find a solution. I have done it before, but forgot now on how to do it.

I want to change the icons in my forum:


I remembered that I put a template in extra.less , but I can not seem to find the exact template. What I can find here on the forums is just on how to change the read/unread icons. But I just want to change the general icons.

Thanks in advance.

 

[JoyFreak]

Try this.

Add in extra.less

node--unread:before {
    content: "\icon";
    .m-faBase();
}

node--read:before {
    content: "\icon";
    .m-faBase();
}

Replace icon with an Font Awesome icon here: https://fontawesome.com/icons?d=gallery

 

[Rettep]

Try this.

Add in extra.less

node--unread:before {
    content: "\icon";
    .m-faBase();
}

node--read:before {
    content: "\icon";
    .m-faBase();
}

Replace icon with an Font Awesome icon here: https://fontawesome.com/icons?d=gallery

I don't want to change the read/unread icons, I want to change the forum section icons.

 

[JoyFreak]

I don't want to change the read/unread icons, I want to change the forum section icons.

.node-icon i:before

 

[Rettep]

.node-icon i:before

If I want my forum section to have this icon: https://fontawesome.com/v4.7.0/icon/bullhorn

and the link is to index.php?forums/news-announcements.4/

how would the code be then?

 

[JoyFreak]

If I want my forum section to have this icon: https://fontawesome.com/v4.7.0/icon/bullhorn

and the link is to index.php?forums/news-announcements.4/

how would the code be then?

.node.node--id4.node--forum.node--read .node-icon i:before {
    .m-faBase();
    .m-faContent("\f0a1");
}
.node.node--id4.node--forum.node--unread .node-icon i:before {
    .m-faBase();
    .m-faContent("\f0a1");
    font-weight: 900;
}

 

[Rettep]

.node.node--id4.node--forum.node--read .node-icon i:before {
    .m-faBase();
    .m-faContent("\f0a1");
}
.node.node--id4.node--forum.node--unread .node-icon i:before {
    .m-faBase();
    .m-faContent("\f0a1");
    font-weight: 900;
}

It works now! Thank you so much!

 

[Old Nick]

If you want to keep the same icon for read and unread nodes just past this code

.node.node--id4.node--forum .node-icon i:before {
    .m-faBase();
    .m-faContent("\f0a1");
}

 

[JoyFreak]

It works now! Thank you so much!

Pleasure.