티스토리 뷰



티스토리 스킨, 글 양 옆 여백 조절


안녕하세요. 

티스토리 스킨 잘 쓰고 계시나요?


오늘은 모바일 스킨에서 

글 양 옆 여백 조절하는 방법을 알려드리겠습니다.


먼저 관리자 - 스킨 편집 - html편집에 들어갑니다.












모바일버전으로 보기를 클릭해주세요. 


그리고 '글'로 바꿔줍니다.












크롬에서 개발자 도구(ctrl+shift+i)를 켭니다. 


1번 아이콘을 클릭한 다음 2번 부분을 클릭합니다. 

(2번은 글 양 옆에 있는 공백 부분을 클릭하는 것입니다.)



.area_view 라고 나오네요. 


이 부분 css를 변경해주면 됩니다.



이미 양 옆에 패딩(여백) 15px이 적용되어 있네요. 


지금 보다 여백을 높이고 싶으면 15px 이상의 값을 주면 되겠습니다.



현재 이 부분의 css 때문에 양 옆에 여백(padding) 15px가 적용되었다는 뜻입니다. 


365번째 줄이라고 친절하게 알려주네요.












365번째 줄에 가보면 아까본 css가 있습니다. 이 부분을 변경해주면 됩니다.


padding {22px 15px 22px (생략)} 라고 되어 있는데,

padding {위 오른쪽 아래쪽 왼쪽} 여백이라는 뜻입니다.

(왼쪽 값이 생략되어 있는데 오른쪽 여백을 따라갑니다.)


오른쪽, 왼쪽 여백을 변경하고 싶으면,

15px 값만 바꿔주시면 됩니다.


50px로 바꿔보겠습니다. ->

padding {22px 50px 22px}











값을 바꿔주면 이렇게 양 옆에 여백이 변경됩니다.


PC 버전 스킨도 이렇게 변경하시면 됩니다.


크롬 개발자 도구를 잘 사용하면,

티스토리 스킨 변경이 쉬워집니다.











예쁜 티스토리 스킨 구경하시려면 클릭!


궁금하신 점은 댓글 남겨주세요.


댓글