css - 修改 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 的 Web 浏览器中工作。

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

现场演示（JSFiddle）