기타 정보

티스토리 블로그 북클럽 스킨 - 제목 본문 색깔 굵기 변경하는 방법

◀ 엠제이 ▶ 2024. 10. 31. 22:44
728x90
반응형

CANVA PRO

1) 북클럽 스킨 설정 변경 페이지 접속

 

① 블로그 설정 - 꾸미기 - 스킨 편집으로 들어간다.

 

 

② 오른쪽 상단의 html 편집 클릭

 

③ CSS 클릭

 

 

 

 

2) 제목 1, 제목 2, 제목 3 글자 색깔 변경하기

 

※ 참고 : 제목 1 = h2 / 제목 2 = 3 / 제목 4

※ 참고 : h1 = 글 타이틀

 

 

Ctrl+F 로 article-view h2 검색

 

그럼 아래 위치로 가는데, "전체 공통"이 있고 그 아래 "텍스트 관련"이 있음

여기에 전체 공통에 color: ■#333으로 전체적으로 #333 색깔로 지정되어 있음

 

 

전체 공통에 있는 color: ■#333; 을 지우고, 아래 텍스트 관련의 각 항목 아래에 각각 기입해줌

그럼 각 제목 1, 제목 2, 제목 3, 본문 1, 본문 2, 본문 3 마다 각각 다른 색깔로 지정할 수 있음

 

아래 그림과 같이 artile-view h2 항목의 line-height: 1.46; 아래에

color: #333을 넣은 후 컬러 부분을 클릭하면 색상표가 나오는데 클릭해서 원하는 색깔 선택

 

 

 

 

변경 후 오른쪽 상단의 적용 클릭 후 왼쪽 미리보기 적용하면 아래와 같이 제목 1으로 작성한 부분이 파란색으로 변경된걸 확인할 수 있음

 

 

 

3) 글자 굵게 쓰기

 

글자를 굵게 하고 싶으면, 방금 수정한  color 아래 font-weight: bold; 를 추가하면 됨

 

 

 

 

SMALL

 

 

4) 썸네일의 타이틀 부분 굵게 표시하기

 

기본적인 설정으로는 글 목록의 썸네일 아래 타이틀 부분이 눈에 띄지 않음

 

 

 

 

Ctrl+F 로 post.item .title 를 찾아서 아래 위치로 감

② 제일 아래에 font-weight: bold; 를 추가하면, 왼쪽 미리보기에서 보듯이 썸네일 아래 타이틀이 굵어져 있음

 

 

 

 

728x90
반응형
LIST