반응형
나만 그런지 모르겠으나... 적어보는 티스토리 관리 팁.
개인적으로 티스토리 기본 반응형 스킨 적용하면 텍스트 여백이 엄청 늘어난다. 이게 근데 처음엔 안그랬다가 그러기도 하고 뭔 이유인지 모르겠지만 혹시 나처럼 여백이 넘 크다 싶으면 아래 방법 참고해보세요.
아래는 해당 스킨의 블로그에서 작성한 글이다. 예시로 다음과 같은 텍스트가 있다고 하면 보면 기본적으로 그냥 엔터만 친건데 여백이 꽤 크다.
이게 피씨에서 봐도 그런데 모바일로 가면...?
방법은 CSS로 마진값을 조정해주면 적당한 여백을 유지할 수 있다.
우선 꾸미기 > HTML/CSS 편집으로 이동한 다음
만약 반응형스킨 #2의 이라면 다음의 코드값을 CSS에 넣어준다. 나의 경우 css에서 가장 아래에 삽입했다. 내가 추가 하는건 맨 아래 넣음을 추천. 나중에 다시 수정하려고 하면 찾기 쉽기 때문이다.
.area_view p {margin-bottom:10px;}
그러면 아래처럼 여백이 좀 붙어서 보인다.
티스토리 반응형 스킨 #1 의 경우는 CSS 수정코드가 약간 다르다.
마찬가지로 관리 메뉴로 이동한다음, CSS 에디터로 이동하고 하단에 아래 코드를 넣어주면 됩니다.
.skin_view .area_view p {margin-bottom:10px;}
// 좀 이상하면 .skin_view .area_view p {margin:10px;} 으로 해보세요
