Customizing AvacWeb Chat: Help please

I was just wondering... how do I change the colors of the AvacWeb Chat? Like I know you have to make a separate CSS and link it, but I do not know how to get one on a separate link.

You can add it to your Stylesheet in the admin panel. That is ok. As it's on the same domain, though alot of your styles will need !important after them like so

#chatbox{
background:#000!important;
}

Mr.Easybb wrote:[quotelink="http://www.avacweb.com/t1881-customizing-avacweb-chat-help-please#18378"]You can add it to your Stylesheet in the admin panel. That is ok. As it's on the same domain, though alot of your styles will need !important after them like so

#chatbox{
background:#000!important;
}

So marking it as important will prioritize it over the given code with the installation instructions? Sorry, CSS is French to me. Actually, all coding is, but usually I can get by with Google and support forums XD

EDIT:

Yeah I know I talk to myself when I am working on this. It helps me vent my comic anger >.> Lol, point being, the rows that show behind messages are still white/light blue, and I also wanted to customize the other blue parts and make them a shade of green. How is this possible?

Right click the element inspect element. It'll usually give you the id or class

Mr.Easybb wrote:[quotelink="http://www.avacweb.com/t1881-customizing-avacweb-chat-help-please#18381"]Right click the element inspect element. It'll usually give you the id or class

Alright, I played with that and got the colors I wanted/needed.

Next Question: How do I move the buttons shown in this pic upwards (Couldnt figure it out with your last tip http://gyazo.com/50a031e34191df391bd16ff193b4c5f2.png

And how do I move these ones downwards : http://gyazo.com/b7af240ab563922ea882b22fa866841d.png