The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Chatbox textarea/typing area color change?

2 posters

Go down

In progress Chatbox textarea/typing area color change?

Post by Kira-chan03 January 5th 2016, 12:10 am

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. Smile

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.
avatar
Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Ape January 5th 2016, 12:38 am

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 >>  Chatbox textarea/typing area color change? Images_couleurs 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


Last edited by APE on January 5th 2016, 12:57 am; edited 1 time in total


Chatbox textarea/typing area color change? Left1212Chatbox textarea/typing area color change? Center11Chatbox textarea/typing area color change? Right112
Chatbox textarea/typing area color change? Ape_b110
Chatbox textarea/typing area color change? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Kira-chan03 January 5th 2016, 12:55 am

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.
avatar
Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Ape January 5th 2016, 12:58 am

@Kira-chan03

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


Chatbox textarea/typing area color change? Left1212Chatbox textarea/typing area color change? Center11Chatbox textarea/typing area color change? Right112
Chatbox textarea/typing area color change? Ape_b110
Chatbox textarea/typing area color change? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Kira-chan03 January 5th 2016, 1:05 am

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?
avatar
Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Ape January 5th 2016, 1:10 am

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


Chatbox textarea/typing area color change? Left1212Chatbox textarea/typing area color change? Center11Chatbox textarea/typing area color change? Right112
Chatbox textarea/typing area color change? Ape_b110
Chatbox textarea/typing area color change? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Ape January 5th 2016, 1:18 am

@Kira-chan03

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

Give this a try Wink

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


Chatbox textarea/typing area color change? Left1212Chatbox textarea/typing area color change? Center11Chatbox textarea/typing area color change? Right112
Chatbox textarea/typing area color change? Ape_b110
Chatbox textarea/typing area color change? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Kira-chan03 January 5th 2016, 1:24 am

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?
avatar
Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

Back to top Go down

In progress Re: Chatbox textarea/typing area color change?

Post by Ape January 5th 2016, 1:26 am

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;


Chatbox textarea/typing area color change? Left1212Chatbox textarea/typing area color change? Center11Chatbox textarea/typing area color change? Right112
Chatbox textarea/typing area color change? Ape_b110
Chatbox textarea/typing area color change? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum