We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

how to decrease default chat width and height | Forum

Farhan
Farhan Nov 7 '15
how to change height and width of default chat box..?
Darryl B Leader
Darryl B Nov 7 '15
Try using inspect element to find the css.  You can play around with the settings, and not worry about hurting anything. Once you refresh the page the original setting will come back. If you find the css element, and make the changes to your liking, you can copy them, and paste them into you custom css in the admin panel.
Farhan
Farhan Nov 8 '15
"my-website"/admin/appearance/customize/css


here i found bunch of CSS for different consoles but still i am not able to figure it out that how to decrease the height and width on the default chat box in desktop version
Please help me!

Darryl B Leader
Darryl B Nov 8 '15


This sets the height of the main block that lists the users.

.ow_chat_list {

    height: 320px;
}

This sets the width of the block in the bottom right corner of the window.
.ow_chat_block .ow_bot_panel {
    width: 252px;}

This changes the height of the active chat block. The one when you are talking with someone.
.ow_chat_in_dialog {    height: 250px;}

I found all of these using Inspect Element. There are some youtube videos on how to use it. I like Inspect Element with Firebug in Firefox myself. It gives more options.


Farhan
Farhan Nov 12 '15
Thanks Darryl for your assistance... :)
Darryl B Leader
Darryl B Nov 12 '15
You're welcome.