• 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

popowich

Active member
#1
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.
 

Russ

Well-known member
#2
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.png

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.png
 
Last edited: