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

XF 1.5 Distinguish Read & Unread Conversations

Discussion in 'Styling and Customization Questions' started by Zachary Ball, Jan 28, 2016.

  1. Zachary Ball

    Zachary Ball Member

    Code:
    #conversation .discussionList {
    opacity: 0.3;
    }   
       
    #conversation .discussionList .unread {
    opacity: none !important;
    }
    I am trying to do something like this to distinguish read and unread PM's or conversations. Any other ideas? Right now this doesn't work and if I take #conversation out it will apply it to all threads.

    Doesn't have to be opacity but any kind of distinction would be sweet. I have bold text right now so that is out of the picture.
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    Instead of "#conversation" use ".conversation_list"

    "conversation_list" is the name of the template used to display the conversation list. Each page in XF has a content div that includes the template name as a class on that div, therefore you can target more specifically changes to happen on specific pages.
     
  3. Zachary Ball

    Zachary Ball Member

    thanks, just figured that out with a google search
     
  4. Zachary Ball

    Zachary Ball Member

    can i still use .unread , because it isn't working.
     
  5. Chris D

    Chris D XenForo Developer Staff Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    This should work:
    Code:
    .conversation_list .discussionListItem.unread
    {
        background-color: orange;
    }
     
  7. Zachary Ball

    Zachary Ball Member

    Trying it now! :)
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

  9. Zachary Ball

    Zachary Ball Member

    this is just for conversations. So should be set. Thanks!
     

Share This Page