在 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

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

添加 display: block 以使其在基于 Chromium 的网络浏览器中工作。

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

Live demo (JSFiddle)

在 Wordpress 上修改 Youtube 订阅按钮

Modify Youtube Subscribe Button on Wordpress

css

youtube

wordpress

subscriber

vertical-alignment