어쨌든, 삶은 아름답다
티스토리 반응형 스킨 #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 수치를 건들면 간격도 조절이 가능하다.
개인 취향에 맞게 잘 커스터마이징해서 쓰길!
반응형
'팁글 > 티스토리' 카테고리의 다른 글
티스토리 반응형 스킨 #2 글 리스트(글 목록) 본문 요약 줄 수 줄이기 (1) | 2021.10.29 |
---|---|
티스토리 반응형 스킨 #2 이미지 테두리에 외곽선과 그림자를 넣는 방법 (0) | 2021.10.28 |
애드센스에 야한 웹툰 광고와 혐오 광고 안 뜨게 하는 방법 (0) | 2021.10.24 |
티스토리 반응형 스킨 #2 텍스트에 밑줄 넣는 방법과 밑줄 간격 조정하기 (0) | 2021.10.24 |
티스토리 반응형 스킨 #2 이미지 가로에 꽉 차게 나오게 하는 방법 (0) | 2021.10.24 |
Comments