티스토리 북클럽 게시글 제목 배경색, 글자색 수정

 

티스토리-게시글-배경-수정

티스토리 게시글 배경이미지를 수정하지 않았다면, 게시글에 첨부된 이미지가 제목에 삽입되어 나타납니다.

앞에서 배경 이미지를 제거 해주고 다른 수정을 하지 않았더니  보여지는 게시글 제목의 배경은 이미지 없는 단색의 배경이 됩니다. 

 

이 게시글 제목 부분을 수정해 보려고 합니다.

 

기존-게시글 제목-이미지

💻 회색 배경 삭제 -> 글자색 변경 -> 제목 공간 줄이기

 

회색 배경 없애기

스킨편집 -> CSS -> post-cover 검색 ->

post-cover과 post-corer:before _ backgroung-color부분 /* . */ 삽입으로 기존상태 저장

 

📍기존의 코드 앞 뒤로 /* background ~ cbcbcb;*/ 를 추가해 줍니다!

 

그리고 바로 아래에 있는

post-cover:before{ 

background-color :  🔲 선택하여 색상을 변경해 줍니다.

 

화이트 색상을 선택했더니 (255, 255, 255, 1)로 변경되었고, 컬러피커에서 색상을 찾을수 없을때에는 숫자로 지정을 해줄수 있습니다.

 

 

글자색 변경하기

글자색을 변경해주는 이유는 배경을 흰색으로 변경해주었기때문에 글자색을 검정 또는 짓은 색으로 수정해주기 위함입니다.

 

스킨편집 -> CSS -> post-cover 검색 ->

category(카테고리), h1(글제목), meta(날짜) 원하는 색상으로 변경

 

▶ 색상은 color의 □부분을 클릭 후 컬러피커가 나타나면 원하는 색상을 선택할 수 있습니다.

 

배경, 글자색 변경 후 결과

 

수정후-게시글 제목-이미지

 

게시글 제목 간격조정

▶ 제목 위 공간 조절시 : post-cover{ -> height 로 간격 조절

 

▶발행일과 본문 사이 간격 조절 : #tt-body-page #content -> padding-top로 간격 조정

 

 

 

아무튼-정보-LOG