页脚中的社交媒体图标

Question

我使用 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）。

如何将版权和图标放在一条线上？我已经尝试了一切，但无法解决问题。有人可以帮帮我吗？

谢谢！

Answer 1

您可以添加此 CSS 代码，它会很好地工作

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

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

页脚中的社交媒体图标

Social Media Icons in Footer

css

wordpress

icons

social-media

footer