2017-11-20 22 views
0

저는 WordPress를 사용하며 소셜 미디어 아이콘을 내 바닥 글에 추가하려고합니다.바닥 글에 소셜 미디어 아이콘

<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; 
} 

을 멀리 있지만, 아이콘은 두 번째 줄에 배치됩니다 (www.veda-vit.de 참조).

저작권과 아이콘을 한 줄에 입력하려면 어떻게해야합니까? 나는 이미 모든 것을 시도했지만 문제를 해결할 수 없었다. 아무도 도와 줄 수 없니?

감사합니다.

답변

0

은이 CSS 코드를 추가 할 수 있습니다 그것은 잘

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

enter image description here

당신은 최고 위치를 변경하여 더 많은 편집 할 수 있습니다 작동합니다.

+0

좋아요! 그것은 작동합니다! 고맙습니다! – pradhana

+0

한 가지 더 질문 : 두 아이콘 사이의 거리를 어떻게 늘릴 수 있습니까? – pradhana

+0

@pradhana'# social-buttons a'에 'margin-right : 10px'를 추가합니다. –