XF 1.5 Distinguish Read & Unread Conversations

[Zachary Ball]

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

 

[Chris D]

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.

 

[Zachary Ball]

thanks, just figured that out with a google search

 

[Zachary Ball]

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

 

[Chris D]

Yes

 

[Paul B]

This should work:

.conversation_list .discussionListItem.unread
{
    background-color: orange;
}

 

[Zachary Ball]

Trying it now!

 

[Paul B]

You will likely need additional selectors for the stats blocks, etc.

This resource should help: https://xenforo.com/community/resources/apply-css-styling-to-sticky-pinned-threads.334/

 

[Zachary Ball]

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