티스토리 블로그 설명글 정렬방법 수정하기

보통 티스토리 블로그의 사이드바 상단에 존재하는 블로그 설명 문구의 정렬방법에 관해 포스팅하고자 합니다.

언제부터인가 제 블로그 정보의 설명문이 중앙정렬되어 문장이 끝날 때 이상하게 떨어지는 것이 눈에 거슬렸습니다.

고쳐야지 고쳐야지 하다가 오늘에서야 손대게 되는 군요.

 

뭐 대단히 중요한 게 아니라 그대로 방치한 지 몇 개월이 지났으니 어지간히도 게으른가 봅니다.

각설하고 저 중앙 정렬된 문장을 좌측 정렬된 문장으로 바꾸려고 합니다.

티스토리 자체의 설정 페이지에서는 왼쪽 메뉴 중 가장 하단의 블로그 항목에서 볼 수 있는데 수정하는 메뉴가 존재하지 않습니다. 그냥 단순히 문장의 내용만 수정이 가능한 구조입니다.

 

블로그 설명을 수정하기 위해서 html 편집의 css 항목으로 들어갑니다.

Ctrl + F를 누르고 description이라고 타이핑한 뒤 엔터키를 누릅니다.

그러면 980번대 줄에 /* Module - Blog Information */ 항목의 아래에 blog-information-description이라는 항목이 보입니다.

/* Module - Blog Information */
	.jb-module-title-blog-information { display: none; }
	.jb-blog-information-image { margin: 10px 0px 10px 0px; width: 100%; }
	.jb-blog-information-image img { width: 100%; }
	.jb-blog-information-blogger { margin: 10px 0px 10px 0px; text-align: center; font-weight: bold; }
	.jb-blog-information-description { margin-top: -8px; text-align: center; }

이 중에서 가장 아래줄의 text-align: center;이라는 부분이 블로그 설명글의 정렬에 관한 코드입니다. 물론 이 CSS는 제가 사용하고 있는 JB스킨의 경우이므로 스킨마다 위치가 다를지도 모르겠습니다.

center라는 부분을 left로 바꾸어 준 뒤 상단의 적용 버튼을 눌러 줍니다.

이제 다시 일반 페이지로 가서 사이드바 상단의 블로그 설명문 정렬 상태를 확인해 봅니다.

 

진작 수정해야 했는데 게으름이 정말 싫습니다.