The colour of the chatbox message bar (where the user types his or her message before sending it into the box) is currently white, so light text colours do not show up. I want to change it to the same background colour as the chatbox ('Tavern Talk') itself which is number 323254 (a dark blue).

Forum: http://castle-europa.forumotion.com/

Version: phpBB3

Hi there,

Add this to your CSS.

Code:

#message.post {
  color: #fff !important;
  background-color: #323254 !important;
}

Draxion wrote:Hi there,

Add this to your CSS.

Code:

#message.post {
  color: #fff !important;
  background-color: #323254 !important;
}

Thankyou for your reply Draxion, but that program has made no difference. I did not change any of the 'CSS Options' below the box, which I assume is the correct way.

Are you seeking to only change the background color?

EDIT: If so, then replace that with this. Admin Panel --> Display --> Colors --> CSS Stylesheet

Code:

#message.post {
  background-color: #323254 !important;
}

Thanks again, but the only change is that the default text colour is grey - the background of the message bar/strip is still white. Actually, this happened with your first program as well.


EDIT: If changing the colour of the message input strip is not possible, then a pretty good alternative would be to set the default (chat box) text colour to number FF6600 (orange).

Unless you are using a different chatbox, it should work... Try putting that code above all CSS.

What do you mean by above all CSS? I'll get a screen-shot anyway.

Place it in the CSS stylesheet on top.

It says 'updated successfully', so I seem to be doing it right, but there is no change. Anyway, this is what the chat box looks like:



Ideally, as you can see, the white bar would be the medium shade of blue. I have made successful changes to the chat box using javascript codes but cannot do it with the CSS.

Is not the select this:

Code: #chatbox_footer #message

The CSS option to force the Basic CSS is enabled. Remove that.

Draxion wrote:The CSS option to force the Basic CSS is enabled. Remove that.

Yes, having done that, the earlier suggestion was effective.