본문 바로가기

테크/티스토리 블로그

티스토리 북클럽 스킨 문단 사이에 여백 주는 방법

문제현상

티스토리 북클럽스킨의 문단에 바깥 여백을 주는 방법입니다.

먼저, 이상현상은 아래 사진과 같습니다.

사진을 보시면, 애드센스 광고를 넣은 상태에서, 광고와 하단의 문단 사이가 너무 붙어있어, 가독성을 헤치는 것을 볼 수가 있습니다. 이럴 경우에 문단 태그인 <p> 태그에 margin 이라는 속성값을 주면 상하단에 여백을 줄 수가 있습니다.

해결방법

티스토리 스킨 설정의 CSS 수정으로 갑니다.

.entry-content p 라는 문장을 검색해서 찾습니다. 모두 2곳이 있는데요. 모바일화면과 PC화면을 각각 설정하는 속성이 되겠습니다. 두 군데를 모두 찾아서, margin-top 이라는 속성을 추가해줍니다.

margin 이라는 속성은 CSS 속성중 p라는 영역의 바깥쪽에 여백을 준다는 뜻입니다.

변경된 화면을 살펴보겠습니다.

광고와 아래의 문단 사이에 보기 좋게 여백이 추가된 것을 보실 수 있습니다.

이상입니다.~