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

XF 1.4 Style for conversations vs public posts


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.


Well-known member
Conversation view comes with it's own class so you can do quite a bit of customization with that in extra.css.

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

That of course is just a rough example.

Another thing you could do, open the template: conversation_view
<ol class="messageList withSidebar" id="messageList">
Add this snippet above like so:

<h2 class="extraHeader">These are private conversations</h2>
<ol class="messageList withSidebar" id="messageList">
Then in extra.css:
.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)
Last edited: