TwitterウィジェットはCSSによって歪められています。どうすれば修正できますか

Question

埋め込みコードを使用して自分のウェブサイトにTwitterウィジェットを埋め込みました。しかし、それを私のウェブページに貼った後、手紙は大きすぎ、そのサイズはすべて間違っています。手紙は大きすぎるので、ウィジェットのスタイリングは比例しません。

必要なすべてのスタイリング情報は、実際にはJavaScriptコードに含まれています。しかし、何かがスタイリングをオーバーライドしてそれを投げているように見えます。

これはウィジェットのコードです。

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

そして、ここにはそのページへのリンクがあります。 http://notchtheguru.com

どうすればこの問題を解決できますか？

Answer 1

javascriptファイルには、ウィジェットのスタイリングに影響するCSSが含まれています。

ウィジェットのコピーを保存してウェブサーバーに保存して、そのコンテンツを編集することをおすすめします。

フォントサイズは、18/20ピクセルとして来ているので、あなたは以下のクラスを見つけて、フォントサイズを減らす場合には、より多くのあなたが後にあるかのようになります - このような何か：

.twtr-tweet-wrap { 
    font-size: 14px; // Or whatever size you choose... 
} 

Answer 2

私は考え出しそれで、今私は自分自身の質問に答えるつもりです:)（おそらく誰かがこの問題に遭遇するでしょう）

私はウィジェットをコンテナdivに入れました。コンテナdivにフォントを設定しましたが、コンテナダイブ用に何も設定する必要はありません。