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

Discussion in 'Styling and Customization Questions' started by popowich, May 20, 2015.

  1. popowich

    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.
     
  2. Russ

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

    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: May 20, 2015
    DEZero likes this.
  3. popowich

    popowich Active Member

    I can work with that, thanks!
     

Share This Page