I'm having a problem styling my buzzboost at my forum. First I added the javascript into a test.html file then I added the style and test runned the file in my browser. After a little while I was satisfied with the new look and added the css into vbulletin and added the javascript into my forumhome sidebar.

When I load the forum home page I can see the RSS feed, but they style I added is not being used so it looks like default so I have no idea whats wrong so I was hoping I could get some help in here

Thanks for reading!
//Roger

URL ? My crystal ball is on the fritz..........

Oh and the CSS you're using too, the entire thing, including any style tags.

Its all here www.librarium-online.com/forums

On the right sidebar you can see the buzzboost at the top

Here is the stylebit

div.feedBurnerFeedBlock li {
list-style-type: decimal-leading-zero;
font-size: 12px;
font-family: arial;
margin: 0px;
padding: 0px;

}

and the complete style
http://www.librarium-online.com/foru...2821-00025.css

Use ul not li in your css. http://www.w3schools.com/CSS/pr_list-style-type.asp

thanks, but it still wont apply to the feed

Hmm just went to check to see what span#headline held and got a 404 on http://www.librarium-online.com/foru...2821-00025.css

Here it is

body
{
	background: #74B8FA url(../../images/bbg.jpg) top center no-repeat;;
	color: #000000;
	font-family: Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px;
}
a:link, body_alink
{
	color: #444444;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #444444;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #0033CC;
	text-decoration: underline;
}
.page
{
	background: #FDFDFD;
	color: #333333;
}
td, th, p, li
{
	font: 11px Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #CCCCCC
}
.tcat
{
	background: #4D82D9 url(../../images/blueone/gradients/gradient_thead2.gif);
	color: #FFFFFF;
	font: bold 10px Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.thead
{
	background: #F8F8F8 url(../../images/blueone/gradients/gradient_tcat.gif) repeat-x;
	color: #333333;
	font: bold 10px Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-bottom: 1px solid #DFDFDF
}
.thead a:link, .thead_alink
{
	color: #333333;
}
.thead a:visited, .thead_avisited
{
	color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #D40C0C;
}
.tfoot
{
	background: #ECECEC;
	color: #333333;
}
.tfoot a:link, .tfoot_alink
{
	color: #333333;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #333333;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #D40C0C;
}
.alt1, .alt1Active
{
	background: #F2F2F2;
	color: #333333;
}
.alt2, .alt2Active
{
	background: #ECECEC;
	color: #333333;
}
.inlinemod
{
	background: #FFFFCC;
	color: #333333;
}
.wysiwyg
{
	background: #DEEBFF;
	color: #333333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
}
.bginput option, .bginput optgroup
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
select
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
option, optgroup
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.smallfont
{
	font: 10px verdana, Helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	color: #333333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #F7F7F7;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #333333;
}
.panel
{
	background: #ECECEC;
	color: #333333;
	padding: 10px;
	border: 1px solid #FFFFFF;
}
.panelsurround
{
	background: #F5F5F5;
	color: #333333;
}
legend
{
	color: #22229C;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.vbmenu_control
{
	background: #497ED6;
	color: #FFFFFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #EFEFEF;
	color: #333333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #FF9900;
	color: #FFFFFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 12px; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { margin: 0px; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
.inlinemod { background: #FFFFCC; }
.vbmenu_hilite * { cursor: pointer; }

/* auto-clearing of floats */
.floatcontainer:after, .block_row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.floatcontainer, .block_row { display:inline-block; }
/* IE-mac hide \*/
* html .floatcontainer, * html .block_row { height:1%; }
.floatcontainer, .block_row { display:block; }
/* end IE-mac hide */
div.feedBurnerFeedBlock ul { 
	list-style-type: decimal-leading-zero;
	font-size: 12px;
	font-family: arial;
	margin: 0px;
	padding: 0px;

}
.info {
padding-left: 3px;
padding-right: 0px;

padding-top: 3px;
padding-bottom: 3px;
background-color: #F5F5F5;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #D9D9D9;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 3px;
}


.postbit_link a:link { color:#0033CC; }
.postbit_link a:visited { color:#0033CC; }
.postbit_link a:hover, a:active { text-decoration:underline; }

#container {
	width: 952px;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CECECE;
        border-top: 0px;
	}

.spoiler {
color: #F9F9F9;
}
.rule1 {color: #FF0000}
.rule2 {color: #FF9900}
.rule3 {color: #66CC00}



.WWU002postbit td {padding-left:2px;padding-right:2px;}
.WWU002postbit img.i,.WWU002postbit img.im,.WWU002postbit img.il,.WWU002postbit img.ir {background-color:#FFFFFF;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}
.WWU002postbit img.im {border-left:none;border-right:none;}
.WWU002postbit img.il {border-right:none;}
.WWU002postbit img.ir {border-left:none;}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #244C94 url(../../images/navbar.gif);
	width: 950px;
	height: 28px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #244C94;
	border-bottom: 1px solid #244C94;
	overflow: hidden;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#navbar p {
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	}
	
#navbarright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbarleft {
	width: 670px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
#navbarright {
	width: 230px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 4px 0px 6px 0px;
	border-right: 1px solid #777777;
	}
	
#navbar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a, #navbar ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 19px 6px 17px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #548ADA;
	border-left: 1px solid #2255AA;
	}

#navbar ul li a:hover {
	background: #244C94 url(../../images/navhover.gif);
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 19px 6px 17px;
	text-decoration: none;
	border-right: 1px solid #548ADA;
	}
	
.current_page_item a, .current_page_item a:hover {
    background: #FFFFFF !important;
    color: #2255AA !important;
    }

/************************************************
*	Subnav      								*
************************************************/

#subnav {
	background: #444444;
	width: 950px;
	height: 27px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #222222;
	}

#subnav p {
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#subnav a, #subnav a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#subnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#subnav a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px;
	}
	
#subnav li {
	list-style-type: none;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: inline;
	}
	
#subnav ul li a, #subnav ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	}

#subnav ul li a:hover {
	color: #2255AA;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	}
	
#subnavleft {
	width: 750px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	}
	
#subnavright {
	width: 150px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}

#s {
	background: #FFFFFF;
	width: 180px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 2px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}

#s2 {
	background: #FFFFFF;
	width: 200px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#sbutt {
	background: #376B9D url(../../images/navbar.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #548ADA;
	font-weight: bold;
	}
	
#sbutt2 {
	background: #376B9D url(../../images/navbar.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px;
	margin: 0px 0px 0px 8px;
	border: 1px solid #548ADA;
	font-weight: bold;
	}

/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF url(../../images/hbg.jpg);
	width: 950px;
	height: 100px;
	color: #000000;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

.headerleft {
	width: 420px;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

.headerright {
	width: 480px;
	float: right;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	font-weight: bold;
	text-align: right;
	}
#header a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

<div class="feedburnerFeedBlock"
The first b needs capitalized I think.

thank you. That solves it