Topic was moved from Bug reports and troubleshooting.

Here is solution =>> go to admin =>>edit css =>> use this code

body .ow_chat_dialog_wrap .ow_dialog_in_item p { color: #020202; }

Then go to files =>> ow_include enable DEV mode open any page then disable DEV

you can change color  as you like here color: #020202;

I didn't understand the second stage:

Then go to files =>> ow_include enable DEV mode open any page then disable DEV

you can change color  as you like here color: #020202;

Where is "files" please?

Rebecca-Jayne, you can find full instruction on how to enable DEV_mode here: https://docs.oxwall.org/plugin-tuts:enable-debug.

I used this technique and it still didn't work.

Rebecca. You don't need to edit the base css. When you do that; any time there is a theme update you will lose your changes. Simply add the following to your themes custom css in the admin panel.

body .ow_chat_dialog_wrap .ow_dialog_in_item p {
    color: #000;
}
body .ow_dialog_in_item p {
    color: #000;
}

Okay thanks! :)

and what about the background parts?

The above will change the font color to black. The light blue bubble color is controlled by this. I have the color of black in the css below. Changing the background of the chat window is a bit more tricky, but can be done. The one thing to keep in mind is that some of the changes affect the chat, messages page, and the message "mail" box. The are all connected.

body .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item, body .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item {
    background-color: #000;
}
.ow_chat_block .ow_dialog_item.even .ow_dialog_in_item, .ow_chat_block .ow_dialog_item.odd .ow_dialog_in_item {
    background-color: #000;
}

Thank you dear that worked perfectly! :)

You are very welcome, and by putting it in the custom css, the updates won't affect it.

Darryl, thanks

disculpen que no hable ingles, yo uso el traductor de google, y leí que buscan como cambiar los colores en la conversación del chat, yo lo hice con estos códigos, .ow_dialog_item.odd .ow_dialog_in_item {

background: #ffffff;

-webkit-border-radius: 15px;

}

.ow_dialog_item.even .ow_dialog_in_item {

    background: #80DEEA;

-webkit-border-radius: 15px;

}  

body .ow_chat_dialog_wrap .ow_dialog_in_item p {color: #000;}

solo copien y peguen este código, espero que les sirva 

Daniel, this is English forum please use only English language

Is there a way to distinguish between colors of who is talking?

@ Akeem. Sure. Instead of having the odd, and even, that I listed above, on one line you simply break them out on separate lines, and assign different colors.

Darryl +1

Darryl, what do you mean by "having the odd, and even, that I listed above, on one line you simply break them out on separate lines, and assign different colors." I am confused. I don't know what to do.

To make the chat bubbles different colors the css will look like this. This will change the chat bubble on the messages page, and in the in chat window. Copy, and paste this to your custom css for the theme in the admin panel. You can set the colors to what you like. To change font colors look at the reply earlier in this thread.

body .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item {
    background-color: #fff176;
}
body .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item {
    background-color: #42a5f5;
}
.ow_chat_block .ow_dialog_item.even .ow_dialog_in_item {
    background-color: #42a5f5;
}
.ow_chat_block .ow_dialog_item.odd .ow_dialog_in_item {
    background-color: #fff176;
}

Thanks!!!