Css 如何设置Google+；WordPress中的1个按钮？

如果加载站点并等待3秒钟，您将看到标题中出现该条。它有短代码来添加社交按钮（FB、Twitter、G+1），但由于某些原因，Google+1按钮太高了

我曾尝试添加自定义CSS，通过在顶部添加边距/填充来降低它，但这并没有什么不同

有什么想法我可以使用CSS使它与其他社交按钮对齐吗

谢谢

尝试设置：

#___plusone_0 {
    font-size: default; !important
}

---

使用覆盖内联CSS样式。

尝试在google+1按钮周围放置一个span标记，并将其置于顶部

<span style="padding-top:5px;">[shortcode]</span>

[shortcode]

---

我不知道你是否尝试过自定义css，但如果不试试，看看会发生什么。html中的样式标记应该覆盖样式表为元素提供的任何样式。

正如您所见，我喜欢div而不是span。当css出现时，我总是从div得到比span更好的结果

<div id="attentionGrabber">

  <div id="centeredPart" style="width: 575px; margin:0 auto">

    <div style="float:left;" class="facebookBtn">
      ...like code....
    </div>  

    <div style="float:left;" class="twitterBtn" >
      ...twitter code...
    </div>  

    <div style="float:left;" class="plusoneBtn">
      ...+1 code...
    </div>

    <div style="float:left;" class="linkToForums">
      Check out our new forums:
      <a class="link" href="http://healthybodyguru.com/forum/">go!</a>
    </div>

    <div style="clear:both"></div>

  </div> 

 <div id="closeAttentionGrabber"></div>


</div>

…就像代码。。。。
…推特代码。。。
…+1代码。。。
查看我们的新论坛：

解决方案是添加：

#attentionGrabberWrap .plusoneBtn iframe{
   margin-bottom: -3px !important;
}

---

我从插件创建者那里得到了帮助：）

我刚刚在我的后面放了一封看不见的信。有点不对劲，但对我有用

<br><div class="g-plusone" data-annotation="none"></div><span style="font-size:33px;opacity:0;">G</span>

G

谢谢，但在添加CSS后，当我检查Chrome中的元素时，它被划掉了（未应用）@kane-see-update。这是一个内联样式，所以你必须强制覆盖它。不，没有区别。@kane你是说它仍然被划掉了？我将该元素的内联样式修改为font-size:default；在chrome开发者工具中，它修复了这个问题。它没有被划掉，但按钮仍然在同一个位置。此外，为什么字体大小与按钮顶部的边距/填充有任何关系？不，没有什么区别。谢谢你的努力，但这只会让它看起来很难看。页面加载时，“查看我们的新论坛”文本立即位于弹出栏下方。“Like”和“Tweet”按钮触到了工具栏的顶部，“+1”按钮再次没有移动（在这一点上有点可笑，没有任何东西可以使它移动）。这很奇怪，我把代码放进浏览器，它使它像你所拥有的一样，但谷歌与其他项目保持一致。我使用firebug实时编辑HTML，并将代码粘贴到这里。