[티스토리 블로그] 글 기본 커버 바꾸기 : 색상(단색)

 

 

---

글 기본 커버 바꾸기 : 색상(단색)

 

#블로그커버 #커스터마이징

#20240109 #티스토리코드수정 #CSS

 

---

 

[기본] 티스토리 코드 수정하는 곳

 

관리 → 꾸미기 → 스킨편집 → html편집 → [HTML]이나 [CSS] 탭에서 수정

 

 

관리 → 꾸미기

 

스킨편집 → html편집

 

[HTML]과 [CSS] 탭

 

 

반응형

 

색상(단색)으로 변경하기

 

 

1. CSS탭에서 post-cover:before 검색  (ctrl + F)

 

2. *원하는 색상을 고른 뒤

 

3. 마지막 줄 background-color: 옆에 넣어준다

  - 나는 예시로 #f2dcdc이라는 색상을 골랐다. 아래 코드 표 대로 따라 넣기

 

4. 적용 (코드 화면 오른쪽 상단에 위치)

 

5. 새로고침 (왼쪽 블로그 표시되는 화면 오른쪽 상단에 위치)

 

.post-cover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
    background-color:#f2dcdc
}

 

 

---

 

*Tip. 원하는 색상 코드 찾는 방법

 

1. 구글에 검색 (#ffffff, #000000)

2. 원하는 색상 선택하면 아래 HEX에 뜨는 색상코드 6자리 복붙

 

 

 

그렇게 색상값 넣고 적용한 화면 👇

 

 

---