Can't read Chatbox and can't figure out how to change background?

by unemployed-friends October 31st 2009, 9:35 pm

This is the board. The chatbox is not readable at all(though better in IE than Firefox).

http://unemployed-friends.forumotion.com/forum.htm

Theme: Phpbb3(prosilver).

I've tried to change it under Admin-Display-Colors-CSS without luck.

Right now it looks like this..

Can't read Chatbox and can't figure out how to change background? Chat12

Can't read Chatbox and can't figure out how to change background? Chat12

Help, please Smile

Thanks.

by RoNo October 31st 2009, 10:15 pm

Experiment/Edit row colors and submit this code to your Css
[ these are your current colors ]

Code:: .chatbox_row_1 {padding: 4px;background-color: #F3F7EC;} .chatbox_row_2 {padding: 4px;background-color: #EBF2E1;} .chatbox_row_3 {padding: 4px;background-color: #DDEBCA;} .memberlist_row_1 {background-color: #F3F7EC;}

[ select a font before typing a chatbox message ]

Can't read Chatbox and can't figure out how to change background? Jackolantern

by unemployed-friends November 1st 2009, 3:00 am

I was able to change the colors with your code. Now, I can see that only the top half of text is showing up as if the row height is too small. Any help would be appreciated. Thanks!

by RoNo November 1st 2009, 3:31 am

Here is your entire chatbox Css...
See what you can do with it (don't edit past "chatbox .user")

Code:: /* Chatbox-------------------------------------------------*/ body.chatbox {background-image: none;} .chatbox {background-color: #F3F7EC;} #chatbox_header {height: 30px;background-color: #6DB100;} .chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-color: #6DB100;} .chatbox-title,.chatbox-title a.chat-title {color: #ffffff !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: #ffffff;} #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: #DDEBCA;color : #548910;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: #F3F7EC;} .chatbox_row_2 {padding: 4px;background-color: #EBF2E1;} .chatbox_row_3 {padding: 4px;background-color: #DDEBCA;} .memberlist_row_1 {background-color: #F3F7EC;} #chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;} #chatbox_footer label {color: #ffffff;}#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: #DDEBCA;} #chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #F3F7EC;border-bottom:1px solid #777;} #chatbox_contextmenu p.hover {background: #EBF2E1;} #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: #548910; 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 { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}