Search code examples
csswordpressiconsfootersocial-media

Social Media Icons in Footer

I use wordpress and want to add social media icons to my footer. What I did so far is to add the following code to the 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>

And additionally I added the following css code to place the icons on the right:

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

It works so far, but the icons are placed on a second line (see here: www.veda-vit.de).

What can I do to place the copyright and the icons on one line? I tried already everything, but couldn't solve the problem. Can anybody help me, please?

Thank you!

Solution

  • You can add this CSS code and it will work nicely 

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

    enter image description here

    You can edit it more by changing top position.