I want to change the colors of the title header for each forum title. If you go to:
spurs forum that the spurs vs. wizards title bar that I tried to make black by editing the newbb.css file. Although, I was able to get part of that background title bar to turn black, still some of the background is the default blue.
If anyone could help I would greatly appriciate it!
Thanks,
cage77
newbb.css file consist of this:
/* -- style.css -- */
div.karma
{
background-color: transparent;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
padding: 10px;
}
span.digest
{
}
span.index_title{
float: left;
border: 0px;
}
span.index_extra{
float: right;
padding: 2px;
border: 0px;
}
div.signature {
bottom: 10px;
}
div#index_welcome{
margin: 10px;
margin-bottom: 10px;
clear: both;
}
html>body div#index_welcome {
margin-bottom: 15px;
}
#index_welcome div.title{
font-size: 18px;
font-weight: bold;
border-bottom: dashed 1px;
padding: 5px;
}
#index_welcome div.desc{
padding: 5px;
font-size: 12px;
}
#index_welcome div.visit{
text-align: right;
font-size: 11px;
}
#index_forum a{
font-weight: bold;
}
table.index_category{
border: 0px;
margin-top: 10px;
margin-bottom: 5px;
}
table.index_category td{
padding: 2px;
background-color: #000000;
color: #FFFFFF;
}
table.index_category, tr.head td{
background-color: #000000;
color: #FFFFFF;
}
table.index_category .desc, table.index_category .desc a{
font-weight: normal !important;
margin-top: 2px;
margin-bottom: 0px;
}
#index_forum span.item{
padding: 0px 5px 0px 5px;
margin: 0px;
border: 0px;
}
#index_forum span.extra{
float: right;
text-align: left;
margin: 0px;
}
div#forum_header{
margin: 5px;
clear: all;
}
// this is where the title is partially black (I would like the whole title bar to be black and the footer too)
div.comTitle {
background: Black;
}
#forum_header div{
padding-top: 5px;
}
/* -- dropdown menu -- */
div.dropdown{
float: left;
}
div.dropdown .menu, div.dropdown .userbar{
font-weight: bold;
float: left;
margin: 0px 1px;
border: 0px !important;
padding: 0px;
background-color: #999999;
}
div.dropdown .item{
font-weight: bold;
padding: 2px 5px;
white-space: nowrap;
border: 0px !important;
}
div.dropdown ul, div.dropdown table {
width: 135px;
}
/* -- dropdown menu -- */
/* -- user level -- */
table.userlevel{
width: 90%;
border: 0px;
padding: 0px;
border-collapse: collapse;
border-spacing: 0;
}
table.userlevel td{
height: 13px;
padding: 0px;
}
table.userlevel td.end{
width: 3px;
}
table.userlevel td.end img{
width: 3px;
height: 13px;
}
table.userlevel td.center{
width: 100%;
}
table.userlevel td.center img{
height: 12px;
}
/* -- user level -- */