页脚中的社交媒体图标

时间:2017-11-20 17:16:59

标签: wordpress icons footer social

我使用wordpress并希望将社交媒体图标添加到我的页脚。到目前为止我所做的是将以下代码添加到footer.php:

<div id="social-buttons">
<a href="http://twitter.com/veda_vit" rel="me"><img title="veda-vit.de bei Twitter" src="http://veda-vit.de/wp-content/uploads/2017/11/Twitter.svg" alt="Twitter Button" width="24" height="24" />
</a>
<a href="https://www.facebook.com/vedavit.de" rel="me"><img title="veda-vit.de bei Facebook" src="http://veda-vit.de/wp-content/uploads/2017/11/Facebook.svg" alt="Facebook Button" width="24" height="24" />
</a>
</div>

另外,我添加了以下css代码,将图标放在右侧:

#social-buttons a img {
margin: 10px 12px 0 0;
float: right;
}

它到目前为止工作,但图标放在第二行(见这里:www.veda-vit.de)。

如何将版权和图标放在一行?我已经尝试了一切,但无法解决问题。请问有人帮帮我吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以添加这个CSS代码,它可以很好地工作

#social-buttons {
  float: right;
  position: relative;
  top: -9px;
}

enter image description here

您可以通过更改顶部位置来进行更多编辑。