티스토리 블로그 글 제목과 대표 사진이 겹쳐져서 글 제목이 잘 보이지 않습니다. 이 부분이 가독성을 확실히 낮추더라구요. 그래서 배경이미지를 없애고 가독성을 높이기 위해 배경 색상을 조절했는데요. 글 제목 배경색상 하나만으로 가독성도 높이고 로딩속도도 좀 빨라진 거 같아 좋습니다. 글 제목 배경색 변경하는 방법 알려드리도록 하겠습니다.
제목 배경색 변경하는 방법
티스토리 블로그에서 배경 사진을 없애고 제목 배경색을 변경하는 작업은 스킨편집의 HTML에서 진행됩니다.
스킨 편집 CSS 코드에서 .post-cover를 찾아가서 background-color 설정값을 변경하면 원하는 배경색으로 조정할 수 있습니다.
CSS에서 ctrl+f를 눌러 .post-cover 를 검색합니다.
background-color □ 를 클릭해 원하는 색상으로 변경합니다. 저는 background-color #1537ce 새로운 색상 값 파란색을 넣어줍니다. 여기서 background-color 는 배경색을 지정하는 코드예요. 이렇게 바뀝니다.
원하는 색상으로 변경하셨다면 적용을 클릭합니다.
처음 대표이미지에 제목 글이 있을 때는 가독성이 상당히 떨어졌는데요. 이제 단색으로 바뀌고 나서 가독성이 업되었습니다.
제목 글자 크기 변경하는 방법
저처럼 티스토리 블로그 제목 배경색상을 오렌지색에서 파란색으로 바꿀수도 있고, font-size: 2.125em을 원하는 크기로 변경할 수 있습니다. 또 color:에서 제목 글자 색상도 변경할 수 있습니다. 이렇게 간단한 방법만으로 가독성을 확실히 높일 수 있으니 지금 바로 변경해 보세요.
[생활˙꿀팁] - 폰에서 북클럽스킨 '목록 제목글' 다 보이게하는 방법
[생활˙꿀팁] - 모르는 전화번호 쉽게 검색하는 방법 02.761.0813
'생활˙꿀팁' 카테고리의 다른 글
티스토리 본문 줄 간격 쉽게 조절하는 방법 (0) | 2024.02.01 |
---|---|
폰에서 북클럽스킨 '목록 제목글' 다 보이게하는 방법 (0) | 2024.01.26 |
모르는 전화번호 쉽게 검색하는 방법 02.761.0813 (0) | 2024.01.24 |