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

Discussion in 'XenForo Questions and Support' started by andrewkm, Oct 12, 2012.

  1. andrewkm

    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!
     
  2. Forsaken

    Forsaken Well-Known Member

    Code:
    .discussionListItem {}
    .discussionListItem.unread {}
    You can modify the container for unread threads with that code.
     
    andrewkm likes this.
  3. Jake Bunce

    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 likes this.
  4. andrewkm

    andrewkm Active 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?)
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Code:
    .discussionListItem.unread .title a:before
    {
    	content: 'Unread: ';
    }
    
    Screen shot 2012-10-13 at 10.55.24 PM.png
     
  6. Jake Bunce

    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: ';
    }
    
     
    andrewkm likes this.
  7. andrewkm

    andrewkm Active Member

    Many thanks for this! :)
     

Share This Page