2017-11-20 13 views
0

私はワードプレスを使用して、私のフッタにソーシャルメディアアイコンを追加したいと思います。フッタのソーシャルメディアアイコン

<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コードを追加:私はこれまでやったことはfooter.phpに次のコードを追加することですそれはとても働き

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

を遠いですが、アイコンは2行目に配置されています(www.veda-vit.de参照)。

著作権とアイコンを1行に配置するにはどうすればよいですか?私はすでにすべてを試みましたが、問題を解決できませんでした。誰でも助けてくれますか?

ありがとうございました!

答えて

0

あなたはこのCSSのコードを追加することができ、それがうまく

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

enter image description here

あなたはトップの位置を変更することで、より多くのそれを編集することができます動作します。

+0

素晴らしい!できます!ありがとうございました! – pradhana

+0

ちょうどもう1つの質問:どのように2つのアイコン間の距離を増やすことができますか? – pradhana

+0

@pradhana '#social-buttons a'に' margin-right:10px'を追加します –

関連する問題