Weird huge (background) bar in Chat

Hi,

On my Chat page there is a huge bar between the active users and the message box and I don't know why it's there. When I try to set the background color to white, the borders are not connected anymore, as this bar is in front of the bar. I have made the color blue as it looks nicer than white, but I want to get rid of it. Can you please help me?

  • Nastia

    Hello @Kasper, I hope this message finds you well!

    As I understand you want toreset to default settings. Please, find and delete/comment this code from your CSS editor:

    div.wpmudev-chat-box {
        border: 0px!important;
        background-color: #81CDC3!important;
    }
    div.wpmudev-chat-box {
    	border-top: 4px solid #81CDC3!important;
    	border-radius: 7px;
    }
    
    .wpmudev-chat-module.wpmudev-chat-module-users-list.wpmudev-chat-users-list-position-right.wpmudev-chat-users-list-style-split.wpmudev-chat-users-list-show-name {
        border-right: 4px solid #81CDC3!important;
    }
    
    .wpmudev-chat-module-header-actions {
        border-right: 4px solid #81CDC3!important;
    }
    
    .wpmudev-chat-module.wpmudev-chat-module-message-area {
        border-bottom: 4px solid #81CDC3!important;
        border-left: 4px solid #81CDC3!important;
        border-right: 4px solid #81CDC3!important;
        border-radius: 5px;
    }
    
    .wpmudev-chat-module.wpmudev-chat-module-messages-list {
        border-left: 4px solid #81CDC3!important;
    }
    
    .wpmudev-chat-module-header-title {
        border-left: 4px solid #81CDC3!important;
    }
    
    .wpmudev-chat-module.wpmudev-chat-module-header {
        border-right: 4px solid #81CDC3!important;
    }
    .wpmudev-chat-module.wpmudev-chat-module-users-list.wpmudev-chat-users-list-position-right.wpmudev-chat-users-list-style-split.wpmudev-chat-users-list-show-name {
        border-bottom: 4px solid #81CDC3!important;
    }
    
    div.wpmudev-chat-module-messages-list {
    	border-bottom: 4px solid #81CDC3!important;
    }

    I hope this helps!

    Cheers,
    Nastia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.