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

andrewkm

Active member
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

Well-known member
Code:
.discussionListItem {}
.discussionListItem.unread {}
You can modify the container for unread threads with that code.
 

Jake Bunce

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

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

Example:

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

andrewkm

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

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

Example:

Code:
.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

XenForo moderator
Staff member
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?)
Code:
.discussionListItem.unread .title a:before
{
	content: 'Unread: ';
}
Screen shot 2012-10-13 at 10.55.24 PM.png
 

Jake Bunce

XenForo moderator
Staff member
For sticky threads it is:

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

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