Add your avatar into the chatbox

AP>> Modules>> Chatbox>> Configuration>> Display users avatars in the chatbox >>

Important As you can see, with the classic version the layout is exactly the same as before. However, in the interest of readability, the hour is right-aligned with the option!

Css wrote:

Code:

/* Avatar size */

#chatbox .cb-avatar > img {
   height: 30px;
   width: 30px;
}

Code:



/* Layer of avatar */

#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 30px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
}

Code:

/*
Dividing line */
#chatbox > p {
   border-bottom: 1px solid #d5dde5;
}