22
카테고리의 다른 글 설정

주의사항

 

CSS에서 .another_category { display: none; } 찾아보고 있다면 지우기

블로그 관리 > 플러그인 > 카테고리 글 더 보기 적용

 

위 과정을 거치지 않으면 카테고리의 다른 글 박스가 보이지 않음

 

CSS 편집에 붙여 넣어주면 됨

 

 

 

방법

 

1. 카테고리의 다른 글 박스 테두리 색상 변경

 

1
2
3
div.another_category {
    border: 1px solid #색상코드 !important;
}

 

2. 카테고리의 다른 글 박스 안 가로선 색상 변경

 

1
2
3
div.another_category h4 {
    border-bottom: 1px solid #색상코드 !important;
}

 

3. 카테고리의 다른 글 전체 폰트, 크기 및 색상 변경

 

1
2
3
4
5
6
7
8
div.another_category h4,
div.another_category h4 a,
div.another_category table th a,
div.another_category table td {
  font-family: '폰트명', 폰트 유형 !important;
    font-size: 크기px !important;
    color: #색상코드 !important;
}

 

div.another_category h4 > ''카테고리명' 카테고리의 다른 글' 부분

div.another_category h4 a > 카테고리명 부분

div.another_category table th a > 게시글 제목 부분

div.another_category table td > 게시글 게시 날짜 부분

 

4. 게시글 댓글 수 감추기

 

1
2
3
.another_category span {
    display: none;
}

 

5. 게시글 제목이 길 경우에 줄 바꿈 없애고 말줄임표 넣기

 

1
2
3
4
5
.another_category th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 

 

 

 

 

'info' 카테고리의 다른 글

시카고 플랜  (0) 2019.10.25
티스토리 배경 패턴 설정  (0) 2019.10.22
다자이 오사무 문학 구절  (0) 2019.10.12
티스토리 본문 폰트 바꾸기  (0) 2019.10.03