Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Other
Screenshot of problem : https://i.imgur.com/Wefme3S.png
Who the problem concerns : All members
When the problem appeared : Always?
Forum link : http://tribaltimes.forumotion.com/

Description of problem

I can't figure out how to change that dumb little typing box's color. Asked a friend who is a game designer and long-time FM site owner and creator, but his instructions were confusing and had to do with things like the "inspect element" option when I right click the box. I'm not the best with code, what I know is googled and self-taught, so this was terribly confusing. Finally find the thing I need to edit and I can't.

Anyway, all I need is the option or CSS code or whatever it is that allows me to change the color of the textarea box. It's currently white, and I just want it black. Thanks.

PS. Sorry if this should be in the coding section, as I'm pretty sure it requires a code to fix. Wasn't sure where to put it between the two categories.

is that in your forum chat box  you are trying to change the color you type ?

EDIT:
If this is just the chatbox this is the code you need add this to your css files

ACP >> Display Tab >>   Pictures and Colors >> Colors >> CSS style sheet Tab

Add this to the top and save

Code:

input#message.post{
color: #FFF !important;
background:#000;
}

change the #fff to any color you like for the type font color in the box right now it's set to white

Yes, that is the forum chat. Changing the text color isn't hard, and I can find easily how to do that.

I want to change the color of the actual message box.

@Kira-chan03

I made an edit on my last post Please read that that code should fix your problem

Ahh, I see it now. It worked!

Do you know how I could also modify the Send button as well as the other ones? Like the italics, bold, etc.... Last but not least, how can I change the border color of the same text area?

I would need a test account and your forum not to be closed to change that for you..

If your happy for me to have a look in your forum with a test account please PM me with the test account info

@Kira-chan03

its Okay I have found the code without looking or having a test account

Give this a try

Code:

input#submit_button{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}

as i can't see what your other buttons look like i can not change it all but you can add background code to this code too

I tried changing it to remove the font styles and just keep the background color but it didn't work. Should I try to clarify what exactly I want changed?

Okay i found the code that is changing your chat box buttons

Look for this code in CSS files
Find:

Code:

#divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 18px;
    line-height: 16px;
    text-align: center;
    width: 18px;
}

to make them look square remove this part of the code

Code:

border-radius: 3px;

If you want to change the color of the background add this code under width: 18px;

Code:

background: #FFF none repeat scroll 0% 0% !important;