티스토리 반응형 스킨 #2 글 리스트(글 목록) 사이의 줄을 제거하는 방법

요즘 티스토리 스킨 수정에 꽂혔다.

사실 정작 바꾸고 싶은 건, 모바일 상태에서도 헤더인지 타이틀인지 뭔지 거기에 이미지를 예쁘게 띄우는 건데 ... 아직 허접이라 방법을 못 찾고 (._. ... 티스토리 반응형 스킨 #2 쓰는 사람 왜 이렇게 없는 것 같지.

그래서 다른 부분이라도 자잘자잘하게 바꾸기로 했다.

글 리스트를 나누는 줄을 한번 없애보자.

스킨 편집 - html 편집 - css탭에 들어가자.

친절하게도 해당 스킨을 만든 사람이 /* 리스트 */ 라고 주석을 달아둔 부분이 있다. 가볍게 여기를 고치면 되는데 나는 애먼 곳에서 삽질함 ㅎㅎ ...

/* 리스트 */
.list_content {padding:24px 0 24px;border-bottom:1px solid #efefef }
.list_content::after { content:''; clear:both; display:block }  

Ctrl+F로 리스트를 검색하면 쉽게 찾을 수 있다. 저기 border-bottom:1px의 수치를 건들면 된다. 줄의 색상은 #efefef를 고쳐주면 된다.

solid를 건들면 아마 줄의 스타일을 수정할 수 있을 텐데 나는 줄을 없애는 게 목적이므로 패스.

여하튼 border-bottom의 수치를 건들면 포스팅들의 리스트가 이렇게 보인다.

1px

10px

0px

padding 수치를 건들면 간격도 조절이 가능하다.

개인 취향에 맞게 잘 커스터마이징해서 쓰길!