ウィジェットのサイズを増やす

Question

このリンクは私の問題http://www.rosstheexplorer.com/comparisons-between-australia-and-europe/を示しています。私はウィジェットに「Ross Exp」と言ってもらいたいと思います。「Ross The Explorer」と言いたいと思います。私はまた、 '共有'ボタンを見ることができるようにしたい。

問題は、大画面のデバイス上で発生します。私は、プラグインの高さと幅を変更して問題を解決しようとしましたが、それは私の問題を解決しませんでした。私はそれを 'Ross The Explorer'を表示するように管理しましたが、それを行うことで「Share」ボタンをなくしました。

私はプラグインの開発者と話しましたが、彼はFacebookがウィジェットのフォントサイズを制御しているため、単にテキストのフォントサイズを縮小できないと言いました。

私は、CSSコードでメディアクエリーを見て、私は、Internet Explorerが私のコードを調べるためのツールを開発使用される大型機器については、以下の

@media screen and (min-width: 50em) { 


    .content-area { 
     float: left; 
     width: 100%; 
     margin: 0 -30% 0 0; 
    } 

    .site-main { 
     margin: 0 30% 0 0; 
    } 

    .site-content .widget-area { 
     float: right; 
     overflow: hidden; 
     width: 25%; 
     margin-top: 0; 
     padding-top: 0; 
     border-top: 0; 
    } 

を見つけました。私はウィジェット領域の幅を28％に広げました。私はこれがページ上の他のコンテンツを妨害することなくウィジェットを拡大すると思った。それは私の私の計画がほぼ働いていたようだが、実際には、 '共有'ボタンがまだウィジェットに表示されていなかったので、私にいくつかの疑問を与えた。

私は私のCSSファイルに行って、変更を加えました。

それから私は私のワードプレスのページを再読み込みし、幅はまだ25％だったかのように見えました。私は開発者のツールを使用して、幅がまだ25％であることを確認しました。 CSSファイルでは、幅が28％になっています。誰かがこのエラーがなぜ発生しているのかを明らかにすることができますか？

は

Answer 1

/* Media Queries */ 
@media screen and (min-width: 75em) { 
    .site { 
     max-width: 1153px; 
     margin: 54px auto; 
     padding: 54px 108px; 


    } 

.site-content .widget-area { 

     1dro._1drp { 
      font-side:16px 
     } 
} 

ありがとう、場合はscreen.Checkに見える文字の数にいくつかの制限を入れている可能性があるようだaove

Answer 2

であなたの言及したスタイルの上記のスタイルのインプレースを追加します。 Ross The Exp ...をレンダリングする場所がいくつかあります。 それとは別に、この

/* Media Queries */ 
@media screen and (min-width: 75em) { 
    .site { 
    max-width: 1153px; 
    margin: 0px 0px 0px 0px; 
    padding: 54px 108px; 
    } 
    } 

もそれは

<div class="col-md-12 col-sm-12"></div> 

Answer 3

私はプラグイン開発者と話をした

として応答ウィジェットを行いますウィジェットに親のdivを提供しようとすると、彼はFacebookのウィジェットのフォントサイズを制御語ります。私は今、新しい詳細/スクリーンショットで質問を更新しました。

Answer 4

私はキャッシュをクリアし、別のFBプラグインを選択することで問題を解決できました。

皆さん、ありがとうございます。