티스토리 블로그 Square 스킨 모바일에서 제목 글자 겹치는 문제 해결

티스토리 블로그 Square 스킨 모바일에서 제목 글자 겹치는 문제 해결하기

 

모바일에서 스퀘어 스킨 제목 글자가 겹치는 문제를 해결하는 방법에 대해 알려드리겠습니다.

 

 

 

1. 티스토리 관리 페이지에서 꾸미기 -> 스킨 편집을 클릭 -> html 편집을 눌러 편집창으로 들어갑니다.

 

 

2. CSS탭을 눌러 편집 페이지로 넘어갑니다.

 

3. 키보드로 Ctrl + F를 눌러 찾기 창을 열고, 'content'를 입력해 코드를 입력할 부분을 찾습니다.

4. content 아래에 엔터(Enter Key)를 3번 쳐서 3칸을 더 만들고 content에 아래 코드를 넣어줍니다. CSS코드는 본문 복사가 안 되므로 하단에 파일로 첨부합니다.

#head h1 { display: inline-block; margin: 0 0 50px; padding: 0 5px 3px; font-size: 25px; font-weight: 400; color: #444; line-height: 100%; border-bottom: 1px dashed #ddd; text-shadow: 1px 1px #dedede; word-break: break-word; }

css코드_모바일 글자겹침 해결.txt

0.00MB

 

5. 아래 이미지를 보고 코드를 정학한 위치에 복사·붙여넣기 했는지 확인하여 이상이 없으면 적용을 눌러 완료합니다.