i installed newbb forum and i dont know how to remove the highlighting from around the forum index


i know it has to do with css i dont know how to remove it your help is needed thank you

If you use Firefox, install the "Web Developer" extension, and then use the "View Style Information" under the CSS drop-down menu to find out which CSS entry is managing the color.

Even looking at the html source can reveal the class of the text parts and give a lead to what selector is to modify in the CSS file.

This is what shows up
------------------------------------


http://unsinner.com/xoops.css

/* $Id: xoops.css 2252 2008-10-06 09:19:23Z phppp $ */
table {
width: 100%;
}

img {
border: 0;
}

img.center {
text-align: center;
margin: 0 auto;
display: block;
margin-top: 6px;
margin-bottom: 4px;
}

img.left {
text-align: left;
float: left;
margin: 2px 6px 2px 0;
clear: left;
}

img.right {
float: right;
text-align: right;
margin: 2px 0 2px 6px;
clear: right;
}

acronym, abbr, dfn {
cursor: help;
}

#xoopsHiddenText {
visibility: hidden;
color: #000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.pagneutral {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/pagneutral.gif);
}

.pagact {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/pagact.gif);
}

.paginact {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/paginact.gif);
}



/* For required elements in XOOPS form, can be overwritten in theme styles */
.xoops-form-element-caption .caption-marker {
display: none;
}

.xoops-form-element-caption-required .caption-marker {
background-color: inherit;
padding-left: 2px;
color: #ff0000;
}

.xoops-form-element-help {
font-size: .9em;
padding-top: 5px;
font-weight: normal;
}

/* FabClearing by Fcaldera http://www.html.it*/
#centercolumn .blockContent:after, .xo-blockcontent:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#centercolumn .blockContent, .xo-blockcontent {
display: inline-block;
} /* for IE/Mac */

#centercolumn .blockContent, .xo-blockcontent {
clear: both; /* for Gecko */
height: 1%; /* for IE */
}

http://unsinner.com/themes/black/styleNN.css

html {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #666688;
scrollbar-arrow-color: #CCCCCC;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}

body {font-family: Verdana; color: #FFFFFF; background: transparent; background-image: url(images/pc_bg.gif); margin: 0; padding: 0; font-size: 10px;}
hr {color:#669999; height:1px;}

a {color: #D9D9D9; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #FFFFFF;}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


ul {
margin: 0px;
padding: 0px;
list-style: square inside;
text-align: left;
color: #333333;
line-height: 18px;
}
li {font-family: Verdana;
list-style: square url(images/list.gif) inside;
color: #669999;
}
li a{font-family: Verdana;
list-style: square url(images/list.gif) inside;
font-size: 9px;
}


textarea, select, input {

font-family: Verdana;
background-color: #394B5C;
color: #FFFFFF;
font-size: 9px;
border-top: 1px #000000 solid;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #000000;
border-bottom: 1px #9e9e9e solid;
margin-top: 1px;
}



table {
width: 100%;

}
TR, TD {
font-family: Verdana, Tahoma, Arial;
font-size: 9px;
color: #DFE5EA;
padding: 0px; vertical-align: top;
}

.head_top {
width: 780px;
text-align: right;
vertical-align:middle;
background-color: #83818F;
background-image: url(images/headbg2.gif);
height: 15px;
padding-bottom: 3px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #333333;

vertical-align:top;
}

.head_top a { color: #FFFFFF;}
.head_top a:hover { color: #000000;}

.head_buttons{
background-color: #CCCCCC;
width: 780px;
height: 14px;
vertical-align:top;
text-align: center;
background-repeat: repeat-x;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
}
.buttons_menu {
text-align: left; background-color: #000000;background-image: url(images/headbg.gif); height: 14px; vertical-align:top;
}
.buttons_menu a {color: #B0B0B0;font-size: 10px;}
.buttons_menu a:hover {color: #FFCC66;font-size: 10px;}

td#buttons_boven {
height: 30 px;
width: 80px;
text-align: center;
background-image: url(images/buttons_boven.gif);
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;}

td#buttons_boven a {
font-weight: normal;
color: #FFFFFF;
padding-top: 4px;
display: block;
height: 16px;
width: 80px;
text-align: center;
background-image: url(images/buttons_boven.gif);}

td#buttons_boven a:hover{
color:#252048;
background-image: url(images/buttons_boven_over.gif);}

.head_table{
vertical-align:middle;
background-color: #394B5C;
width: 780px;
height: 94px;
text-align: center;

border-right: 1px solid #000000;
border-left: 1px solid #000000;

}
.body_table{
background-color: #000000;
width: 780px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;

}

}
.head_menu {
background-color: #222222; height: 17px; vertical-align: middle;
}



td#leftcolumn {width: 125px; font-size:9px; background-color: #000000;
border-top: 1px solid #000000;
border-right: 1px solid #666666;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
}
td#leftcolumn th { background-color:transparent;
vertical-align: middle;
color: #E5E5E5;
}
td#leftcolumn div.blockTitle {

width: 125px;
height: 22px;
color: #111807;
text-align:center;
padding-top: 8px;
font-weight: bold;
font-size: 9px;
background-color: transparent;
background-image: url(images/all_ln_los.gif);
background-repeat: repeat-x;
filter:Glow(Color=#000000, strength=4);
}
td#leftcolumn div.blockContent {
background: transparent;
}


td#centercolumn {
font-size: 9px;
line-height: 17px;
padding: 0px 0px 0px;
}
td#centercolumn a {color: #669999; 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-color: transparent;
height: 17px;
}
td#centerCcolumn div.blockContent {
padding: 4px;
line-height: 120%;
}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 5px;}
td#centerLcolumn div.blockTitle {
padding:0px 3px;
color: #000000;
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: #000000;
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;}


div#content {text-align: left; padding: 8px 3px 8px 3px; }


td#rightcolumn {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;
width:170px; font-size:9px; text-align:center;
}
td#rightcolumn th { background-color:transparent;
vertical-align: middle;
padding: 0px;
color: #E5E5E5;
background-repeat: repeat-x;}
td#rightcolumn div.blockTitle {
text-align:center;
width: 170px;
height:22px;
padding-top: 8px;
color: #FFFFFF;
font-weight: bold;
font-size: 9px;
background-image: url(images/bar_all.gif);
background-repeat: repeat-x;

border-right: 1px solid #000000;
border-left: 1px solid #000000;



}
td#rightcolumn div.blockContent {
line-height: 17px;
border-bottom: 1px solid #000000;
background: #000000;
}

td#footerbar { color: #E5E5E5; height: 30px; vertical-align: middle; text-align: center; font-weight: normal; font-size: 9px; }


td#mainmenu a { color:#ffffff;}
td#mainmenu a:hover { background-color: #C0C6CB; color : #000000;}
td#mainmenu a.menuTop {
padding-left: 10px;
padding-top: 4px;
height: 13px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;}

td#mainmenu a.menuMain {
padding-left: 10px;
padding-top: 4px;
height: 13px;
border-top: 1px solid #666666;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;}

td#mainmenu a.menuSub {
padding-left: 20px;
padding-top: 4px;
height: 13px;
color:#669999;
border-top: 1px solid #666666;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;;
}

td#usermenu a {color:#D9D9D9;
height: 17px;
padding: 0px 2px 2px 9px;
background-image: url(images/all_ln_sep.gif) ;
background-repeat: repeat-x;}
}


td#usermenu a:hover {color : #FFFFFF;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {}

.reviews {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
background-color: #FFFFFF;
background-image: url(images/rev_bg.jpg) ;
color: #3D3762;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
font-size: 11px;
}

.reviews a {color:#5F9F2B;}
.reviews a:hover {color:#C0D417;}

.outer { background-color: #222222;
background-image: url(images/outer.gif) ;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000; ;}
.head {
background-color: #333333;
height:17px ;
color: #E5E5E5;
}
.even {background-color:#393939; padding: 5px;}
.odd {background-color: #525252; padding: 5px;}
.foot {background-color: #222222; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; color: #E5E5E5 ; text-align: center; }
tr.even td {background-color: #393939; padding: 5px;}
tr.odd td {background-color: #525252; padding: 5px;}


div.errorMsg { background-color: #000000; text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: bold; padding: 9px; color: White; }
div.confirmMsg { background-color: #525252; color: #FFFFFF; text-align: center; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: bold; padding: 9px;}
div.resultMsg { background-color : #000000; color: #D1DBEC; text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 9px;}


div.xoopsCode {
background-color: #E9E9E9;
border: 1px solid #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 6px;
color: #222222;
margin: 20px;
}
div.xoopsQuote {
background: #222222;
border: 1px solid #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 6px;
color: #FF6600;
}


.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

.item a {color: #081F34;}
.item a:hover {color: #000000;}

.itemHead {
height: 17px; background-image: url(images/itemtitle.gif) ;
background-color: #666666; color: white;
padding: 0px 3px;
font-weight: bold;
font-size: 10 px;
background-repeat: repeat-x;
border-bottom: 1px solid #999999;
}
.itemInfo {
color: #081F34; text-align: right;
padding: 5px 5px 5px 5px;
background-color: transparent;

}
.itemInfo a {color:#000000;}
.itemInfo a:hover {color:#669999;}


.itemTitle {color: #666666;}

.itemTitle a {
color: #000000;
font-weight: bold; font-size: 9px;
}

.itemTitle a:hover{
color: #FFFFFF;
}

.reviewPoster {
padding-left: 10px;
color: #000000;
background-color: #999999;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999; }
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {padding-left: 5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.itemText { line-height: 1.6em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.itemText:first-letter {}
.itemFoot {
background-image: url(images/itemtitle.gif) ;
height:17px;
text-align: right;
color: #999999;
border-top: 1px solid #000000;
background-color: #666666;
}

.itemFoot {color: #666666;}
.itemFoot a{color: #000000;}
.itemAdminLink {}
.itemPermaLink {}


.comTitle {font-weight: bold; margin-bottom: 3px; color: #FFFFFF; }
.comText {padding: 3px;}
.comUserStat {font-size: 9px; color: #222222; font-weight:bold; border: 1px solid #000000; background-color: #E9E9E9; margin: 3px; padding: 3px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 3px; margin-top: 9px; color: #FFFFFF; font-weight:bold; font-size: 9px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 9px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 9px;}
.comDateCaption {font-weight: bold; font-style: normal;}

http://unsinner.com/modules/newbb/templates/newbb.css

/* -- 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;
}
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;
}

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;
}
#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;
}

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 -- */

span.online_admin{
color:#FFA34F;
}

span.online_moderator{
color:#006600;
}


/*
* From http://www.positioniseverything.net/easyclearing.html
*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* color -- dropdown menu for Forum */
div.dropdown a, div.dropdown .menubar a{
color:#FFF;
}

div.dropdown .menu, div.dropdown .menubar, div.dropdown .item, div.dropdown .separator{
background-color: #436792; /* same color set as in your theme/style.ss .th{} is recommended */
color:#FFF;
}

div.dropdown .separator{
border: 1px inset #e0e0e0;
}

div.dropdown .menu a:hover, div.dropdown .userbar a:hover{
color: #333;
}
/* color - end */

I think you're looking in the wrong place/wrong .css file. Look at the following files:

/modules/newbb/templates/newbb.css
/modules/newbb/templates/newbb_index.html

In newbb_index.html, line 166 is the start of the list of forums in the tables and it contains this code:


That tells you that you should be looking at an entry called #index_forum in newbb.css

My newbb.css contains this entry at line 57:



and these from lines 77 to 87:



These lines in newbb.css would be the best place to start - probably the first entry at line 57 is the place to look.

HTH

hhttp://unsinner.com/themes/black/styleNN.css

.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

this is possibly the reason..
background-color: #C0C6CB;

thats it thank you for your help this is why i love XOOPS you get help when you need it ...

.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

this is possibly the reason..
background-color: #C0C6CB;