XF 1.2 Change new post indicator icon

[kella]

How would I make the new post indicator (currently a small blue dot) a little larger, or change the icon entirely? (XF 1.2.5)

 

[Paul B]

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

 

[kella]

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?

 

[Paul B]

The sprite is in the style directory: styles\default\xenforo

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

 

[kella]

Thanks man!

 

[kella]

Er, not seeing Extras listed under my templates. I'm sure I am doing something wrong.

 

[Paul B]

 

[Amin Sabet]

Brogan, if I want to use an image located at http://example.com/bigbluedot.jpg instead of the current little blue dot, can you tell me specifically what code to paste into EXTRA.css?

 

[Paul B]

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]

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:

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

 

[Paul B]

That markup isn't correct.

It should be something like:

.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/

 

[Amin Sabet]

Thanks, Brogan.