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.

Chat CSS Issue & Forum Font Colour

View previous topic View next topic Go down

In progress Chat CSS Issue & Forum Font Colour

Post by AlexSein on February 11th 2016, 8:43 pm

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.

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

Back to top Go down

In progress Re: Chat CSS Issue & Forum Font Colour

Post by SLGray on February 11th 2016, 11:56 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35677
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Chat CSS Issue & Forum Font Colour

Post by AlexSein on February 12th 2016, 1:35 pm

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.

AlexSein
New Member

Posts : 13
Reputation : 1
Language : English, Romanian

Back to top Go down

In progress Re: Chat CSS Issue & Forum Font Colour

Post by felicity4us2 on February 21st 2016, 2:11 am

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.

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: Chat CSS Issue & Forum Font Colour

Post by Genesis on February 21st 2016, 2:43 am

Put this in your CSS:
Code:
input#message {
background-color: #COLOR !important;
}

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

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