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

Fixing Textchat | Forum

Topic location: Forum home » Development » Themes
Nanuky
Nanuky Jul 19 '16
Hello,


i like to fix the Textchat on my website at right side.  but i don´t know what i can do that the chat looks corret, someone can help me?


i use this at moment




.ow_chat_dialog_wrap .ow_mailchat_new_message.ow_chat_dialog {    margin-bottom: 30px; }.ow_chat { position: fixed; top: 41px!important; bottom: 0px!important; }



and it looks same as on my Screenshot, can someone tell me what i must insert that it looks good on website?


thx

Attachments:
  screen Chat.jpg (56Kb)
Darryl B Leader
Darryl B Jul 19 '16
The only thing that original css element has is "width: 508px;". You will see that the mod you have also affects the "New Message" box as well.

You should revert your changes to get it back to normal.
The Forum post is edited by Darryl B Jul 19 '16
Nanuky
Nanuky Jul 19 '16
mhm i like to fix the chat on right side to top ... but don´t know how
The Forum post is edited by Nanuky Jul 19 '16
Darryl B Leader
Darryl B Jul 19 '16
That may not be possible since the chat expands toward the top. There are strong ties between the chat, new messages, and message page. Several changes on one will affect the other as well. You could try to find a developer to see if it can be done with custom coding.
Darryl B Leader
Darryl B Jul 19 '16
I played around with it a little, and came up with this. You can try it. I think what you are wanting is for the chat list to be at the top, and cover the entire right side when you open it.
Add this css to the custom theme section in the admin panel. You may have to adjust it a little for your theme.

/*sets the chat position under the site panel*/
.ow_chat {
    top: -570px;
}
/*extends the chat to the bottom of the page*/
.ow_chat_list {
    height: 480px;
}
/*Sets the chat width*/
body .ow_chat_block_wrap {
    width: 200px;
}
The Forum post is edited by Darryl B Jul 19 '16