티스토리｜스킨 수정｜제목 글씨 크기, 색 / 본문 글씨 크기, 글 간격 수정｜HTML / CSS

 

 

 

 

 

CSS 수정                     

 

블로그 관리 → 꾸미기 → 스킨편집 → html 편집 → CSS

 

 

* 스킨마다, 사람마다 각각 CSS 안에 수정해야하는 위치는 다르다

 

나는 기본 Letter스킨에서 여러 수정과 추가 내용도 있어서

 

기본 Letter스킨과도 위치는 다르다

 

그래서 HTML 혹은 CSS 수정하는 칸 안에서 찾기(ctrl+f)로

 

'찾기'로 올려둔 코드를 복사하여 위치를 찾아서

 

해당 숫자 등을 바꾸면 된다

 

 

 

 

 

* 관리자 도구를 이용하여 수정하고 싶은 부분 미리 확인해보기 (이전 글)

 

2020/12/30 - [티스토리/스킨｜수정] - 티스토리｜스킨 수정｜홈 화면 게시물 썸네일 크기, 글씨 크기 수정｜Letter스킨｜관리자 도구｜HTML / CSS

 

 

 

 

 

 

(1) 글씨 크기, 줄 간격           

 

찾기 코드 : 다음 내용을 복사하여 CSS에서 찾기 (내 위치 : 691쯤)

.article_content .article_view {

 

수정 내용 코드

.article_content .article_view {
  font-size: 15px;
  line-height: 27px;
}

font-size : 글씨크기

line-height : 줄 간격

 

변경 내용 : 줄 간격 27px → 17px

 

줄간격 27px → 17px

 

 

 

 

 

 

 

 

(2) 제목 글씨 크기           

 

찾기 코드 : 다음 내용을 복사하여 CSS에서 찾기 (내 위치 : 1374쯤)

.area_view_content .link_title {

 

수정 내용 코드

.area_view_content .link_title {
  max-height: initial!important;
  margin: 0!important;
  font-size: 36px;
  -webkit-line-clamp: 10!important;
}

font-size : 제목 글씨 크기

 

변경 내용 : 36px → 28px

제목 글씨 크기 36px → 28px

 

 

 

 

 

 

 

(3) 제목 글씨 두께, 색         

 

찾기 코드 : 다음 내용을 복사하여 CSS에서 찾기 (내 위치 : 658쯤)

.article_content .link_title

 

수정 내용 코드

.article_content .link_title {
  display: block;
  color: #111;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

color : 제목 글씨 색

font-weight : 글씨 두께

 

 

변경 내용  : 제목 글씨 색 #111 → #ceb0f5

 

제목 글씨 색 #111 →  #ceb0f5

 

 

 

* 제목 글씨 색의 #111을 바꾸는 방법

 

이전글 : 

 

2020/12/31 - [티스토리/스킨｜수정] - 티스토리｜스킨 수정｜홈 화면 커버 - MORE POST 박스 수정｜Letter스킨｜관리자 도구｜HTML / CSS

 

 

간단한 방법은 구글에 '#e0e0e0'이나 위에서 수정한 '#ceb0f5'등과 같은 HEX 색상 코드를 검색하면

 

검색 결과 상단에 바로 HEX 색상 코드 이름을 알 수 있는 설정이 나온다

 

원하는 색으로 조절하고 HEX 코드 이름을 복사하여서

 

color : #111;  에서 #111 대신에 복사한 코드 이름을 넣으면 된다 

 

 

 

 

 

 

 

Rmx

 

 

---