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

XF 1.2 Change new post indicator icon

Brogan

XenForo moderator
Staff member
#2
The image itself is part of xenforo-ui-sprite.png.

You can either edit the sprite or upload a new image and use EXTRA.css to change .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle
 
#3
Ok, where do I change those? I'm not a technical idiot, I assume those are in the templates? Not familiar with extra.css. Can I edit that in the admin panel or do I need to SSH into my box and do it with a txt editor?
 

Brogan

XenForo moderator
Staff member
#4
The sprite is in the style directory: styles\default\xenforo

EXTRA.css is a template which can be edited from within the ACP.
 

Brogan

XenForo moderator
Staff member
#9
Which image are you referring to?
The unread marker?

If so, you can use this in EXTRA.css: .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle
 

Amin Sabet

Well-known member
#10
Yes, the unread marker. Where do I put my new image URL in the context of that? Is this what I post in EXTRA.css:

Code:
.LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle
http://example.com/bigbluedot.jpg
 

Brogan

XenForo moderator
Staff member
#11
That markup isn't correct.

It should be something like:
Code:
.LoggedIn .discussionListItem .unreadLink,
.LoggedIn .discussionListItem .ReadToggle
{
    background-image: path/to/image.jpg
}
This is a good resource for learning HTML and CSS: http://www.w3schools.com/