1

最近、WordPress サイトに FB のようなボタンと Twitter のフォロー ボタンを追加しました。それらを垂直方向に配置するために、「user.css」テンプレートに次のコードを挿入しました。

.fb-like {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}

.twitter-follow-button{
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}

今、私は Youtube 購読ボタン (class=g-ytsubscribe) を挿入しようとしています。それを揃えるために、sequent コードを挿入しました。

.g-ytsubscribe{
         position: relative;
         top: 50%;
         transform: translateY(-50%);
    }

最初の 2 つのボタンでは機能していますが、YouTube ボタンでは機能せず、結果は次のようになります。

ここに画像の説明を入力

どうすれば修正できますか？

皆さん、ありがとうございました！！！

4

1 に答える 1

1

要素を調べると、クラスg-ytsubscribeが削除され、ID___ytsubscribe_0が追加されていることがわかります。

display: blockChromium ベースの Web ブラウザーで動作するように追加されました。

#___ytsubscribe_0 {
    display: block !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

ライブデモ (JSFiddle)

于 2015-06-26T10:55:53.463 に答える