티스토리 Square 스킨 라벨 리본 위치 수정, 티스토리 측에서 제공하는 일부 CSS 스타일과 Square 스킨 CSS와 충돌로 인해 라벨(리본) 위치가 아래쪽으로 밀리는 현상 있습니다.
![티스토리 Square 스킨](https://iter.kr/wp-content/uploads/2022/08/20220830-0801-0.webp)
최근 티스토리 측에서 사용자 스킨을 고려하지 않은 채 코드를 업데이트하고 있어 여러 가지 문제가 발생되고 있는데요. 아래는 Square 스킨 라벨(리본) 위치를 수정하는 간단한 방법입니다.
티스토리 Square 스킨 라벨(리본) 위치
1. 티스토리 블로그 관리 홈으로 접속 후 스킨 편집을 선택합니다.
![티스토리 스킨 편집](https://iter.kr/wp-content/uploads/2022/08/20220830-0801-1.webp)
2. 스킨 편집에서 html 버튼을 클릭해 줍니다.
![티스토리 블로그 관리홈](https://iter.kr/wp-content/uploads/2022/08/20220830-0801-2.webp)
3. CSS를 선택 후 하단 빈 곳에 아래 코드를 넣어준 후 적용합니다.
#content #head .date {bottom: -44px}
@media (max-width: 959px) {
#content #head .date {bottom: -15px}
}
![티스토리 Square 스킨 라벨 위치 코드](https://iter.kr/wp-content/uploads/2022/08/20220830-0801-3.webp)
참고 : 위 코드 중 bottom: -44px
는 pc이고 bottom: -15px
은 모바일에서 위치입니다. 기본 위치가 마음에 들지 않는 다면 숫자를 수정해 주세요.