I just added this code to my website to add an RSS feed. If i alter the CSS to change the fontsize or color nothing happens. The CSS works fine on the width and margins. I want to style the “titles CIO, US-CERT, TechRepublic, and The Latest and most reliable news.” Any ideas on how to make this look more appealing? I followed the instructions from here: http://www.developerdrive.com/2012/05/a-simple-way-to-add-free-news-content-to-your-website-part-2/
As you can see it is ugly. Any reason why I cant change the font color and size? Any help is appreciated.
Heres the code for my site:
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 1000px;
font-size: 25px;
color: #000000;
</style>
<script src="https://www.google.com/jsapi/" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<script type="text/javascript">
function showControl() {
var feeds = [
{title:'CIO',
url:'http://feeds.cio.com/cio/feed/drilldowntopic/3089?format=xml'},
{title:'US-Cert',
url:'http://www.us-cert.gov/ncas/current-activity.xml'},
{title:'TechRepublic',
url:'http://www.techrepublic.com/rssfeeds/topic/security/'}];
new GFdynamicFeedControl(feeds, 'feedControl',
{numResults : 3, stacked : true,
title: "The Latest Security News from the Most Reliable Sources"});
}
google.load("feeds", "1");
google.setOnLoadCallback(showControl);
</script>