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

XF 1.2 How to change forum name color?

Tracy Perry

Well-known member
#3
Any one can help me to change forum name color, and image beside it?
I've attached this image to help You to understand what I am talking about:
As for the node icon you can do this
Code:
/* General Topic forum icons */
.node.node_272 .forumNodeInfo .nodeIcon, .node.node_272 .categoryForumNodeInfo .nodeIcon {
    background-image: url("images/nodes/news.png");
    background-position: 0px 0px;
    opacity: 0.4;
}
.node.node_272 .forumNodeInfo.unread .nodeIcon, .node.node_272 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("images/nodes/news.png");
    background-position: 0px 0px;
}
where the first one is the read icon (which by my example uses the same image but has an opacity defined to it) and the second is the unread one with no opacity.
The 272 is the forum ID number (you can get this by going into your ACP -> Applications -> Display Node Tree and click on the forum you are wanting to do and find the number of it in the address bar.

As for the forum name colors, I think you can only do them globally (applies to all) via the ACP -> Styles Properties -> Forum / Nodes List and choose the colors for Node Title & Node Title Unread.
 

Tracy Perry

Well-known member
#6
For the read ones you would use
Code:
.node.node_272 .nodeTitle a{
color:green !important;
}

.node.node_272 .unread .nodeTitle a{
color:blue !important;
}
where the # again corresponds to the node number. In fact, I just implemented the unread portion on my forum to highlight the News forum for unread posts. :p