overriding CSS Styles?

[tobymac]

Hi! I have this twitter widgit i am trying to put into my website but when i view it on my website the links in the widget are huge because that is the style of my website. how do i change only the widget so that it shows all the true format within the widget (normal sized links)

Widget:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#000000',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#4efe71',
      links: '#ffffff'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('harborcr').start();
</script>

[johanafm]

Get Firefox with the Firebug plugin, or any other browser / plugin combination that lets you see the generated html document. Once you know the tag structure for where the text you wish to style differently is, you create a selector being as specific as possible and have it contain whatever value you wish for the font-size attribute.

Or, read the documentation for TWTR (if such exist) and find out if it's perhaps even posible to specify font size in your javascript code.