XF 1.4 Style for conversations vs public posts

popowich

Active member
Is there a common tweak forum owners make to the conversations page to make it look at least slightly different than the public forums?

Maybe altering the default background color slightly within the posts of private conversations?

I'm looking for it to be slightly different so there is a visual trigger when quickly clicking through alerts that you may have moved from public to private replies.

The goal is to prevent private conversation from accidentally getting publicly posted.
 
Conversation view comes with it's own class so you can do quite a bit of customization with that in extra.css.

Code:
.conversation_view .messageList .message {
border: 2px solid rgb(228, 106, 106);
margin-bottom: 10px;
}
Would result in:
Screenshot_2.webp

That of course is just a rough example.


Another thing you could do, open the template: conversation_view
Find
Code:
<ol class="messageList withSidebar" id="messageList">

Add this snippet above like so:

Code:
<h2 class="extraHeader">These are private conversations</h2>
<ol class="messageList withSidebar" id="messageList">

Then in extra.css:
Code:
.extraHeader {
background-color: rgb(219, 234, 238);
border: 1px solid rgb(158, 178, 184);
color: rgb(109, 146, 156);
font-size: 20px;
margin-bottom: 10px;
padding: 8px 10px;
}

Result is(minus my heading bar)
Screenshot_3.webp
 
Last edited:
Back
Top Bottom