How to change PunBB's chat box background color

I have tried everything in CSS, but nothing changed the white background color to black. Please help thanks in advance!

Code:

/* Chatbox-------------------------------------------------------------*/
body.chatbox {
   background-color: #0b0b0b;
   }
#chatbox_header {
   height: 30px;
   }
#chatbox_header.main-head {
   padding: 0 1.3em;
   color: #dedfdf;
   background-color: #1f537b;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #f4f9fd;
   color : #00569c;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #fbfbfb;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #f4f4f4;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #f4f9fd;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: #fbfbfb;
   }

Hi, may I have a link to your forum please?

EDIT: Or follow Nera.'s instructions below.

1.This is what changes basic background color in PunBB chats (white to black).

Code:

#chatbox {
background-color: #your code here;
  }

2. Changing color codes of rows you will change your row colors.

Code:

.chatbox_row_1 {
  background-color: #fbfbfb;
  }
.chatbox_row_2 {
  background-color: #f4f4f4;
  }
.chatbox_row_3 {
  background-color: #f4f9fd;
  }

Base wrote:Hi, may I have a link to your forum please?

EDIT: Or follow Nera.'s instructions below.

http://forum.ltderp.co.cc
Here is the link, thanks!

EDIT: @Nera. Let me try it in a bit, the admin panel is not allowing me to go in. Anyway thanks for helping!

Nera.'s codes should work. She forgot the members section, though.

You will also need this code:

Code:

#chatbox_members {
    background-color: YOUR HEX COLOUR CODE HERE;
    border-right: 1px dashed #CCCCCC;
    bottom: 30px;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
}

Base wrote:Nera.'s codes should work. She forgot the members section, though.

You will also need this code:

Code:

#chatbox_members {
    background-color: YOUR HEX COLOUR CODE HERE;
    border-right: 1px dashed #CCCCCC;
    bottom: 30px;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
}

Thank you, these are useful, by the way I can't go into admin panel, is there any reason why? Sorry if I have being off topic, but I can't try those codes without going into admin panel

Another problem regarding this admin panel? There is something clearly wrong as five people can't be a coincidence.

Hmm it started not long ago, maybe 1 or 2 hours ago, cause I was still messing around with the CSS back then. Hope it's fixed ASAP

Maybe the FM staff making an update.

Admin Panel works now and those codes worked perfectly, now there is another part i wanna change it's color, the background color behind the buttons is still white, which one do I edit to change that?

EDIT: Never mind I got it

By the way is there a way to change the logout and login message colors?

On chatbox? Login bouttons letters color?

Refresh |
Archives |
Log in

Change the color code in this part.

Code:

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #YOUR COLOR CODE HERE;
}

I mean message in the chat box which is like this

[04:02:09] Niz has joined the chat on Fri 15 Apr 2011 - 4:02

This one is shown as green, let say i wanna change it to yello. How do I do that?

Nope, that's a prebuilt message and it is not possible to edit the colour.

Ok thanks, everything is solved XD