Forum Status Icon Question

[Gabby]

Hello All,
Just a quicky.... I uploaded some new forum icons (forum-read and forum-unread), and renamed them to the same, but they aren't showing up in my forum. What must I do next?

Thank you,

Gabby

 

[Digital Doctor]

Refresh the cache ?

 

[agison]

Forgot to clear the browser cache or upload to wrong place.

 

[Gabby]

cleared my browsers fine.

I put the new icons in the same place I found them

 

[Jake Bunce]

The node icons are defined in your:

Admin CP -> Appearance -> Style Properties -> Node Icons

The default icons use a sprite image, but you can replace it with individual images if you want.

You can also create separate icons for each forum:

http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

But in 1.1 you must also set the background-position unless you are using sprites that mirror the default node icons. Here is the code from that thread with the background-position added:

/* custom status icons */
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
    background-position: 0px 0px;
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
    background-position: 0px 0px;
}

 

[Gabby]

/styles/default/xenforo/widgets

Should I be looking elsewhere for this icons?

 

[Gabby]

Thank you Jake .. I'll try this now. Really appreciate this. Just getting used to the structure of xenforo. after years of the dark side. LOL

 

[Gabby]

Thanks Jake, simple as pie once I found the node icon.

What do you all think? I'm making this site for my sister.

Are the icons too much? Trying to match things.

Be nice, I'm VERY VERY tech challenged, I basically have no clue. LOL

 

[Jake Bunce]

The background positions are messing up your non-sprite images (for read / unread status):



Remove the background positions:

Admin CP -> Appearance -> Style Properties -> Node Icons

 

[Gabby]

Ok thank you I didn't see this in FF or IE. is it better now?

Thank you.

 

[Jake Bunce]

Yeah it's good now.

 

[Gabby]

Ok thank you so much.

 

[electrogypsy]

The node icons are defined in your:

Admin CP -> Appearance -> Style Properties -> Node Icons

The default icons use a sprite image, but you can replace it with individual images if you want.

You can also create separate icons for each forum:

http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

But in 1.1 you must also set the background-position unless you are using sprites that mirror the default node icons. Here is the code from that thread with the background-position added:

/* custom status icons */
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
    background-position: 0px 0px;
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
    background-position: 0px 0px;
}

does this work for sub forums? it's working fine for my root forums, but not sub-forums.

 

[Jake Bunce]

does this work for sub forums? it's working fine for my root forums, but not sub-forums.

Yes it should.

I was working with a person once where we had to change the CSS selector slightly to get it working. This is something you might try:

/* custom status icons */
.node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
    background-position: 0px 0px;
}
.node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
    background-position: 0px 0px;
}

(removed space between .node .node_#)

 

[electrogypsy]

Yes it should.

I was working with a person once where we had to change the CSS selector slightly to get it working. This is something you might try:

/* custom status icons */
.node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
    background-position: 0px 0px;
}
.node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
    background-position: 0px 0px;
}

(removed space between .node .node_#)

that totally worked. thank you! should i just do that for sub-forums, or all of them? does it matter?

 

[Jake Bunce]

that totally worked. thank you! should i just do that for sub-forums, or all of them? does it matter?

All of them.