在Wordpress上修改Youtube订阅按钮

Question

最近我在我的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），为了对齐它，我插入了后续代码

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

虽然对于前两个按钮它正在工作，但对于youtube按钮，它不起作用，结果是：

我怎么能解决它？

谢谢大家!!!

Answer 1

如果您检查该元素，则可以看到已移除该类g-ytsubscribe并添加了ID ___ytsubscribe_0。

添加了display: block，以便在基于Chromium的网络浏览器中使用。

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

Live demo (JSFiddle)