loading
본문 바로가기
@ 많이들 공유해주세요 @
  • 카카오톡 공유하기
  • 네이버밴드 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • URL 복사하기

 

티스토리 블로그 글 제목과 대표 사진이 겹쳐져서 글 제목이 잘 보이지 않습니다. 이 부분이 가독성을 확실히 낮추더라구요. 그래서 배경이미지를 없애고 가독성을 높이기 위해 배경 색상을 조절했는데요. 글 제목 배경색상 하나만으로 가독성도 높이고 로딩속도도 좀 빨라진 거 같아 좋습니다. 글 제목 배경색 변경하는 방법 알려드리도록 하겠습니다.

 

 

폰에서 제목 목록글 보이게하는 방법

 

 

 

티스토리 제목 배경색 변경하는 방법
티스토리 제목 배경색 변경하는 방법

 

 

 

 

제목 배경색 변경하는 방법

 

 

 

티스토리 블로그에서 배경 사진을 없애고 제목 배경색을 변경하는 작업은 스킨편집의 HTML에서 진행됩니다.

모바일에서 목록글 안 다 보이게하는 방법
모바일에서 목록글 안 다 보이게하는 방법

 

 

 

 

 

스킨 편집 CSS 코드에서 .post-cover를 찾아가서 background-color 설정값을 변경하면 원하는 배경색으로 조정할 수 있습니다.

CSS에서 ctrl+f를 눌러 .post-cover 를 검색합니다.

 

제목 배경색 변경 방법
제목 배경색 변경 방법

 

 

background-color □ 를 클릭해 원하는 색상으로 변경합니다. 저는 background-color #1537ce 새로운 색상 값 파란색을 넣어줍니다. 여기서 background-color 는 배경색을 지정하는 코드예요. 이렇게 바뀝니다.

 

제목 배경색 변경
제목 배경색 변경

 

 

 

 

원하는 색상으로 변경하셨다면 적용을 클릭합니다.

 

 

처음 대표이미지에 제목 글이 있을 때는 가독성이 상당히 떨어졌는데요. 이제 단색으로 바뀌고 나서 가독성이 업되었습니다. 

 

 

 

제목 글자 크기 변경하는 방법

 

 

 

제목 글자 크기 변경하는 방법
제목 글자 크기 변경하는 방법

 

 

 

저처럼 티스토리 블로그 제목 배경색상을 오렌지색에서 파란색으로 바꿀수도 있고, font-size: 2.125em을 원하는 크기로 변경할 수 있습니다. 또 color:에서 제목 글자 색상도 변경할 수 있습니다. 이렇게 간단한 방법만으로 가독성을 확실히 높일 수 있으니 지금 바로 변경해 보세요. 

 

 

[생활˙꿀팁] - 폰에서 북클럽스킨 '목록 제목글' 다 보이게하는 방법

 

폰에서 북클럽스킨 '목록 제목글' 다 보이게하는 방법

폰에서 볼 때 목록 제목이 잘려서 나오는 경우가 있죠? 오늘 목록 제목 글자 아랫부분이랑 제목 길이가 잘려서 보이는 두 가지 문제가 있어서 난감했었는데요. 한방에 해결했습니다. 저와 같은

anews.pentacle100.com

[생활˙꿀팁] - 모르는 전화번호 쉽게 검색하는 방법 02.761.0813

 

모르는 전화번호 쉽게 검색하는 방법 02.761.0813

요즘 02.761.0813 번호랑 1899.0433과 같이 모르는 번호로 전화가 걸려오는데요. 보통 18**으로 시작하는 번호는 다 스팸번호인 줄 다 알고 계시죠? 하지만 핸드폰 번호로 걸려오는 전화를 받다가 난감

anews.pentacle100.com