Page 1 of 1

Resize (enlargement) chatroom window

PostPosted: 04 Jul 2015, 04:32
by JStrek
Hello guys, I just want to ask you, if you know where in CSS completely enlarge chatrooms window, cause it's quite small for my purposes. I use leaf theme.

Thank you in advance!

Re: Resize (enlargement) chatroom window

PostPosted: 04 Jul 2015, 11:46
by JStrek
Ok, I think I solve it.

EXAMPLE - LEAF EDIT
WIDTH
Code: Select all
#arrowchat_chatrooms_popup{width:1000px;text-align:left}


HEIGHT
Code: Select all
.arrowchat_chatroom_content{position:relative;border-right:1px solid #b2b2b2;border-left:1px solid #b2b2b2;background-color:#fff;background-repeat:no-repeat;background-position:left bottom;padding-bottom:1px;color:#333;line-height:1.3em !important;text-align:left;min-height:585px;max-height:668px;}

#arrowchat_chatroom_chat{min-height:550px;max-height:550px;width:70%;float:left;border-right:1px solid #CCC;overflow-x:hidden;overflow-y:auto;padding-top:5px}

#arrowchat_chatroom_room_list{min-height:555px;max-height:555px;width:29.7%;float:right;overflow-x:hidden;overflow-y:auto;}


textarea sending
Code: Select all
.arrowchat_chatroom_message_area textarea{width:960px;border:0px;height:18px;padding:3px 5px 0px 2px !important;overflow:hidden;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;font-size:11px;color:#444;background-color:#fff;outline:none;resize:none;text-align:left;margin:0px;background:none;border-radius:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}


width of msg
Code: Select all
.arrowchat_chatroom_message_content{position:relative;background-color:#f7f7f7;float:left;margin:6px 4px 4px 0;max-width:560px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;text-shadow:rgba(255, 255, 255, .8) 0 1px 0;padding:4px 8px 6px 8px;word-wrap:break-word}