[티스토리] 지도와 텍스트 겹침 문제 해결 방법

문제 설명

블로그 글을 작성하면서 처음으로 지도 삽입 기능을 사용했습니다.

편집 화면에서 별다른 문제가 없었는데, 글을 발행하고 나니 지도와 텍스트가 겹쳐서 나오는 문제가 있었습니다.

해당 문제는 간단한 CSS 수정을 통해 해결이 가능합니다.

 

티스토리 지도 삽입 기능

지도와 텍스트 겹침 문제

 

---

스킨 편집으로 문제 해결

우선, 티스토리 관리자 페이지로 이동한 후, 꾸미기 메뉴 하위에 있는 스킨 편집을 클릭합니다.

스킨 편집 화면으로 이동하면, 오른쪽 상단에 html 편집 버튼을 클릭해 HTML 편집 화면으로 이동합니다.

 

 

 

상단에서 CSS 탭을 선택한 후, Ctrl + F를 눌러 텍스트 검색창을 엽니다. 그 다음, iframe을 검색합니다.

그러면 .frame_wrap 선택자가 나타나는데, 이곳에 display: inline; 을 추가해줍니다.

미리보기에서 문제가 해결된 것을 확인한 후, 적용을 눌러주시면 문제가 해결됩니다.

 

 

---

 

도움이 되었길 바라며, 즐거운 블로그 작업하시길 바랍니다!