티스토리 운영

티스토리 공감버튼 위치(중앙) 바꾸는 방법

혜원21 2022. 12. 9. 11:42
*

광고 사이에 공감버튼이 있어 잘 보이지 않는가 보다.

딱히 공감에 신경을 안 쓰긴 하는데...

일단 위치를 바꿔보기로 한다.

 

스킨 편집은 항상 미리 해보고 적용하는 게 좋다. 대부분의 브라우저에서 미리 해볼 수 있다.

F12를 누르자.

 

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ 선택툴을 누르고 공감 버튼 근처로 가져가 클릭하면 아래에 클릭한 부분의 html, css를 알려준다.

여기서 수정하여 미래 해볼 수 있는 것이다.

 

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ 먼저 저작권 표시를 없애야 한다. 이 마크는 블로그 설정에서도 할 수 있는데 표시하지 않는다 설정하여도 적용이 안되니...

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ css에서 display: none; 처리한다.

 

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ 공감 버튼을 중앙으로 옮기기 위해 부모 요소에 text-align: center;를 적용한다.

 

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ 공감 버튼이 있는 div의 css에서 float: left를 none으로 해주고

display: inline-block; 속성을 추가한다. 공감이 중앙으로 옮겨졌다.

 

 

티스토리-공감버튼-위치-중앙-바꾸는-방법

▲ 지금까지 수정하고 추가한 코드를 이렇게 짜서 티스토리 스킨편집 - CSS에 붙여 넣기 하면 된다.

float: none 옆에 !important를 넣어주자. 다른 곳에서 이를 방해하고 있는 것 같다. !important는 가장 먼저 적용하겠다는 뜻이다.

 

공감버튼위치.txt
0.00MB

 

적용할지 안 할지 고민 중...

 

최근댓글