Chat Background Colour

Chat Background Colour

by Matt Lockey -
Number of replies: 7
Hi. I've got a customised theme with a dark gray background colour. The site looks great, but I have a problem with the chat module. Because the text is black and gray you can't see it as it uses the same background as the entire site. Is there a way to customise the colour of the chat window background? Thanks!
Average of ratings: -
In reply to Matt Lockey

Re: Chat Background Colour

by Leon Mitchell -
I solved the same problem this way:

Openes styles_layout.css under the standard theme.

Went to:
#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message

and added
background-color: #FFFFFF;

Didn't change the window bg image but it gives the block of text a white background that makes the text legible.
In reply to Leon Mitchell

Re: Chat Background Colour

by akshay kumar -
There should be a way to change the text-color at least at "General configuration" of chat module. It seems a very genuine requirement. Specially when, it creates problem with the background color of the site.
In reply to Leon Mitchell

Re: Chat Background Colour

by Mark Brookes -
Hi Leon,
I am not wanting to change the background colour of my chat windows, but the font size. I will assume it is much like you have suggested for th ebackground colour change, but I don't know what code to use for font size. Is it as simple as font-size: 12pt?
Mark
In reply to Leon Mitchell

Re: Chat Background Colour

by Craig Douglas -
Or you could add:

#mod-chat-gui_header_js-jsupdate {
background-color: #FFFFFF;
}

Which will prevent you having dark lines inbetween each bit of text.
In reply to Craig Douglas

Re: Chat Background Colour

by Gregg Presbury -

This color issue also appears in the message system. I was able to fix both by adding to the custom theme styles_layout.css the following:

#message-messages,
#message-send,
#message-user,
#mod-chat-gui_header_js-chatinput,
#mod-chat-gui_header_js-jsupdate,
#mod-chat-gui_header_js-users
 {
background:none;
}

made for clean white backgrounds in all frames... very easy to read...

In reply to Gregg Presbury

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.