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

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

andrewkm

Active member
#1
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!
 

Jake Bunce

XenForo moderator
Staff member
#3
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
#4
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
#5
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
#6
For sticky threads it is:

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

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