CSS not working in RSS Feed

@nbcrockett

Copy linkTweet thisAlerts:

Aug 21.2008

I can’t get CSS to work in an RSS Feed. I’ve followed multiple examples that I’ve found online with no success. Is there something I’m missing?

XML Code:

[CODE]
<?xml version=”1.0″ encoding=”ISO-8859-1″?>
<?xml-stylesheet type=”text/css” href=”/Stylesheets/RSSFeed.css”?>
<rss version=”2.0″>
<channel>
<title>Company Name</title>
<copyright>Copyright 2008</copyright>
<link>http://www.domain.com</link>
<image>
<url>http://www.domain.com/Images/Logo.gif</url>
<title>Company Name</title>
<link>http://www.domain.com</link>
</image>
<description>Company’s RSS Feed</description>
<category>Manufacturing</category>
<category>IT/Internet/Web Development</category>
<managingEditor>[email protected] (Webmaster</managingEditor>
<webMaster>[email protected] (Webmaster)</webMaster>
<ttl>15</ttl>
<lastBuildDate>Tue, 19 Aug 2008 15:00:00 -0400</lastBuildDate>
<pubDate>Tue, 19 Aug 2008 15:00:00 -0400</pubDate>
<item>
<title>First Entry</title>
<author>[email protected] (Webmaster)</author>
<guid isPermaLink=”false”>10000001</guid>
<pubDate>Mon, 18 Aug 2008 11:28:41 -0400</pubDate>
<category>Web Development</category>
<category>Website Updates</category>
<link>http://www.domain.com</link>
<description><![CDATA[Our first rss feed entry]]></description>
</item>
</channel>
</rss>
[/CODE]

CSS Code:

[CODE]
channel link, channel language, channel copyright, channel managingEditor, channel webMaster, channel docs, channel lastBuildDate {
display:none;
}
rss {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:130%;
margin:1em;
}
/* HEADER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
channel title {
display:block;
padding:0.4em 0.2em;
color:#FFF;
border-bottom:1px solid black;
font-weight:bold;
font-size:140%;
background-color:#4483C7;
}
channel description {
display:block;
float:left;
font-size:130%;
font-weight:bold;
margin:0.5em;
}
/* CONTENT */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
channel item {
background-color:#FFFFEE;
border:1px solid #538620;
clear:both;
display:block;
padding:0 0 0.5em;
margin:1em;
}
channel item title {
background-color:#538620;
border-bottom-width:0;
color:#FFF;
display:block;
font-size:110%;
font-weight:bold;
margin:0;
padding:0.3em 0.5em;
}
channel item description {
display: block;
float:none;
margin:0;
text-align: left;
padding:0.2em 0.5em 0.4em;
color: black;
font-size:100%;
font-weight:normal;
}
channel item link {
color:#666;
display:block;
font-size:86%;
padding:0 0.5em;
}
channel item pubDate {
color:#666;
display:block;
font-size:86%;
padding:0 0.5em;
}
[/CODE]