2016-06-11 40 views
0

私はGoogleのChromeでそれを点検し、これを見つけた:CSSをオーバーライドする方法は?

<div class="_2p3a" style="min-width: 180px; width: 270px;"> 

それは次のようになります。

<div class="_2p3a" style="min-width: 160px; width: 188px;"> 

しかし、それを変更するにはどのように?それはFacebookからのCSSです。私はそのようにそれを上書きしようとした:

を追加しました私のstyle.cssにこの行は、それは動作しません:

._2p3a { 
min-width: 160px !important; 
width: 188px !important; 
} 

おかげであなたは

+1

あなたが変更することはできませんので、Facebookのウィジェットは 'iframe'にロードされているから、あなたのプラグインの幅(インラインフレーム幅) を設定しましたスタイル。 – Turnip

+1

近くの検査の後、あなた自身のCSSにそのようなクラスはありません。 –

答えて

2

のiframe内に表示このウィジェットを助けるために。 iframe内のスタイルやスクリプトは変更できません。

facebookの開発者アカウントで正しいサイズのウィジェットを取得しようとします。

1

iframeでFacebookのリンクを確認すると、このプラグインの現在のサイズがwidth:270pxheight:330pxであることがわかります。

enter image description here

あなたはIFRAMEがあなたの側のdivに収まるようにしたい場合はthoses寸法を変更する必要があります。

URLの値を変更してみてください:Your facebook plugin

関連する問題