Hi i am messing around with a theme changing coulors and things,i want white background in the middle collum but cant seen to be able to change it,any help would be nice

http://xtreme-consoles.com

many thanks logoman

Something like this
theme.html

style.css


(my additions marked by red)

hi i have tried here is the code could you tell me where to put white also as the text is in white which bits would i have to change to black text in order to read on white background

td#centercolumn {
font-size: 9px;
line-height: 17px;
padding: 0px 0px 0px;
}
td#centercolumn a {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: transparent;}
td#centercolumn a:hover {color: #FFFFFF;}

td#centercolumn th {
background-color: transparent;
vertical-align: middle;
padding: 5px;
color: #E5E5E5;
background-image: url(images/sub_title.gif);
background-repeat: repeat-x;
}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn div.blockTitle {
color: #FFFFFF;
font-weight: bold;
text-align: left;
font-size: 9px;
padding: 0px 3px;
background-image: url(images/bar_center.gif);
background-repeat: repeat-x;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background-color: transparent;
height: 17px;
}
td#centerCcolumn div.blockContent {
padding: 4px;
line-height: 120%;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background: #222222;
}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 5px;}
td#centerLcolumn div.blockTitle {
padding:0px 3px;
color: #FFFFFF;
height:17 px;
text-align: left;
font-weight: bold;
font-size: 9px;
background-image: url(images/itemtitle.gif);
background-repeat: repeat-x;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background-color: transparent;
}
td#centerLcolumn div.blockContent { padding: 4px;
line-height: 120%;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background: #222222;}


td#centerRcolumn {width: 50%; padding: 0px 3px 0px 3px;}
td#centerRcolumn div.blockTitle { padding:6px 2px 2px;
padding:0px 3px;
color: #FFFFFF;
height:17 px;
text-align: left;
font-weight: bold;
font-size: 9px;
background-image: url(images/itemtitle.gif);
background-repeat: repeat-x;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background-color: transparent;}

td#centerRcolumn div.blockContent { padding: 4px;
line-height: 120%;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background: #222222;}

cheers logoman

where you have 'color:#FFFFFF;' - that's where you give a color for the text; just change it to 'color:#000000;' to make it black.
and also add 'background-color: #FFFFFF;' or just 'background: #FFFFFF;' to 'td#centercolumn' to give default white background-color to that center table fields.