티스토리 I 카테고리 목록 '뉴북' 소제목 스타일 변경하기

티스토리 I 카테고리 목록 '뉴북' 소제목 스타일 변경하기

이번에는 조금 민민한 카테고리 목록의 소제목 스타일을 아래처럼 변경해 보겠습니다.

저는 북클럽에낭 적용해 봤지만 아마도 다른 스킨들에도 적용이 가능하지 않을까 하는 생각입니다. 

 

밥법은  '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS' 탭에서

.list-type-thumbnail .post-header h1 코드를 검색 후 수정해 주시면 됩니다.

 

 

 

목차

 

카테고리 '뉴북' 소제목 스타일 변경하기

 1. '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS'로 들어갑니다.

---

2. Ctrl + F를 이용해 .list-type-thumbnail .post-header h1 를 검색합니다.

.list-type-thumbnail .post-header h1

---

3. 첨부된 메모장에서 복사한 코드를 넣어준 후 적용을 눌러주면 됩니다.

728x90

 

CSS 코드

.list-type-thumbnail .post-header h1 {
margin-bottom: 0;
/* 스타일 코드 삽입 */
background: linear-gradient(to right,#18408a,#800080);
color: #ffff;
padding: 10px;
/* 스타일 코드 삽입 끝 */
}

그러데이션이 아닌 단색으로 변경할 경우
background: linear-gradient(to right,#18408a,#800080); 를
background-color:#333; 로 바꿔 주시면 됩니다.

▼ CSS 코드 복사하기

/* 스타일 코드 삽입 */
background: linear-gradient(to right,#18408a,#800080);
color: #ffff; 
padding: 10px;
/* 스타일 코드 삽입 끝 */

카데고리 소제목.txt

0.00MB

 

마치며

간단한 CSS를 사용하여 티스토리 북클럽 스킨의 커버 아이템 타이틀의 스타일을 변경하는 방법을 살펴보았습니다.

이외에도 CSS의 코드를 조금씩 변경하면 좀 더 멋진 나만의 블로그를 만들 수 있습니다.

 

다만 CSS의 코드 수정 시 /* 스타일 코드 삽입 */ 또는 <!-- HTML -->을 꼭 넣어주어 수정한 부분을 표시해 주시기 바랍니다.

 

티스토리 북클럽 스킨 I 커버 소제목 스타일 변경하는 방법 (tistory.com)

티스토리 북클럽 스킨 I 커버 소제목 스타일 변경하는 방법

티스토리 소제목 꾸미기 (tistory.com)

티스토리 소제목 꾸미기 (CSS 활용, 서식 활용)

티스토리 소제목 서식(HTML) 스타일 모음

티스토리 소제목 서식(HTML) 스타일 모음

"쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다"