The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox textarea/typing area color change?

View previous topic View next topic Go down

In progress Chatbox textarea/typing area color change?

Post by Kira-chan03 on 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 : http://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.

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 on 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 >> 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




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

Post by Kira-chan03 on 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.

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 on 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




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

Post by Kira-chan03 on 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?

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 on 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




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

Post by APE on 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




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

Post by Kira-chan03 on 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?

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 on 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;




APE
Manager
Manager

Male Posts : 8619
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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