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

 

 

 

홈 화면의 최신 글, '뉴북' 상단 꾸미기

이번에는 카테고리 목록을 소제목 스타일로 조금 더 세련되게 변경해 보겠습니다. 북클럽 스킨에 적용해 보았지만, 다른 스킨에도 적용 가능할 것 같습니다.

 

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

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

---

728x90

 

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

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

---

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

.list-type-thumbnail .post-header h1

---

3. 첨부된 메모장에서 복사한 코드를 넣어준 후 [적용]을 눌러 '저장'합니다.

---

 

CSS 코드

.list-type-thumbnail .post-header h1 {
margin-bottom: 0;
/* 스타일 코드 삽입 */
background: linear-gradient(to right,#18408a,#800080); /*배경색*/
color: #ffff; /*글색*/
padding: 15px 20px; /*내부여백*/
/* 스타일 코드 삽입 끝 */
}

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

 

▼ 그라데이션 CSS 코드 복사하기

/* 스타일 코드 삽입 */
background: linear-gradient(to right,#18408a,#800080); /*배경색*/
color: #ffff; /*글색*/
padding: 15px 20px; /*내부여백 상하, 좌우*/
/* 스타일 코드 삽입 끝 */

 

▼ 일반 CSS 코드 복사하기

/* 스타일 코드 삽입 */
background-color:#333; /*배경색*/
color: #ffff; /*글색*/
padding: 15px 20px; /*내부여백 상하, 좌우*/
/* 스타일 코드 삽입 끝 */

728x90

마치며

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

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

 

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

 

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

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

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

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

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

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

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