Chat CSS Issue & Forum Font Colour
4 posters
Page 1 of 1
Chat CSS Issue & Forum Font Colour
Hello there,
I would like to change the background of the text field in the chat. (Basically the box where you write and then press enter to chat)
Its background is currently white therefore it is pretty difficult to know what you type.
My question is which is the exact term / line I should look for in the CSS stylesheet.
Below I posted a part of the sylesheet.
----
Also I would like to change the colour of the text that appears under the forums (the descriptions of the forums under categories) and under "Who is online?" It should be white since all colours are set to white...
http://retro-wh.board.st/
I would like to change the background of the text field in the chat. (Basically the box where you write and then press enter to chat)
Its background is currently white therefore it is pretty difficult to know what you type.
My question is which is the exact term / line I should look for in the CSS stylesheet.
Below I posted a part of the sylesheet.
- Spoiler:
- /* Chatbox-------------------------------------------------*/
body.chatbox {
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
background-image: url(imgur);
}
.chatbox {
background-color: #131313;
}
#chatbox_header {
height: 30px;
background-color: #131313;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #131313;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #fcfcfc !important;
}
.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: #33ca9b;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #131313;
color : #368ad2;
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_row_1 {
padding: 4px;
background-color: #131313;
}
.chatbox_row_2 {
padding: 4px;
background-color: #131313;
}
.chatbox_row_3 {
padding: 4px;
background-color: #131313;
}
.memberlist_row_1 {
background-color: #131313;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #33ca9b;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #131313;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #131313;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #131313;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url(\\\'\\\');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #368ad2;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members
----
Also I would like to change the colour of the text that appears under the forums (the descriptions of the forums under categories) and under "Who is online?" It should be white since all colours are set to white...
http://retro-wh.board.st/
AlexSein- New Member
- Posts : 13
Reputation : 1
Language : English, Romanian
Re: Chat CSS Issue & Forum Font Colour


Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Chat CSS Issue & Forum Font Colour
I am afraid those links didn't help me.
Here's exactly what I am trying to change:

As you can see its background is white, I would like to turn into into a much darker colour so people who use white in order to type can see what they type.
Here's exactly what I am trying to change:

As you can see its background is white, I would like to turn into into a much darker colour so people who use white in order to type can see what they type.
AlexSein- New Member
- Posts : 13
Reputation : 1
Language : English, Romanian
Re: Chat CSS Issue & Forum Font Colour
I have never figured out how to change that - ppl just need to click the 'A' and choose another color - the only answer that I could come up with.
Re: Chat CSS Issue & Forum Font Colour
Put this in your CSS:
- Code:
input#message {
background-color: #COLOR !important;
}
Take Notes- Helper
-
Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

» Font size/ Color row/ Profile font colour
» Font and Colour
» Font Colour
» help with font colour
» How to set a certain font colour for a certain group
» Font and Colour
» Font Colour
» help with font colour
» How to set a certain font colour for a certain group
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum