Looking for add-on to help distinguish red/unread threads.

[andrewkm]

Hey guys! Just installed Xenforo a few days ago (Looking great) we have also made our node images different to help distinguish from read/unread forums; however we are still having a bit of trouble with the actual threads.

Its quite hard to figure out which thread is read and unread (All the current installation does is makes unread threads bold and due to our dark theme its hard to tell which are bold and which are not.) - Is there any known/popular add-on to help with this? Perhaps thread icons/etc

Or perhaps a nice small unread prefix that can be achieved simply showing [unread]?
Appreciate all responses. Thanks!

 

[Forsaken]

.discussionListItem {}
.discussionListItem.unread {}

You can modify the container for unread threads with that code.

 

[Jake Bunce]

To be clear, you can use those CSS selectors (provided by Forsaken) in this template:

Admin CP -> Appearance -> Templates -> EXTRA.css

Example:

.discussionListItem.unread .title a
{
	color: red;
}

 

[andrewkm]

To be clear, you can use those CSS selectors (provided by Forsaken) in this template:

Admin CP -> Appearance -> Templates -> EXTRA.css

Example:

.discussionListItem.unread .title a
{
color: red;
}

Hmm this helps me change it thanks.
However what im looking for is a thread prefix (to be more specific) to be auto applied to unread threads for example (And even locked threads if possible)
Does something like this exist/is possible? (Can you provide some help on achieving this?)

 

[Jake Bunce]

Hmm this helps me change it thanks.
However what im looking for is a thread prefix (to be more specific) to be auto applied to unread threads for example (And even locked threads if possible)
Does something like this exist/is possible? (Can you provide some help on achieving this?)

.discussionListItem.unread .title a:before
{
	content: 'Unread: ';
}

 

[Jake Bunce]

For sticky threads it is:

.discussionListItem.sticky .title a:before
{
	content: 'Sticky: ';
}

For locked:

.discussionListItem.locked .title a:before
{
	content: 'Locked: ';
}

 

[andrewkm]

Many thanks for this!