티스토리 Poster 스킨 제목 및 카테고리 제목 중앙 배열하는 방법!

안녕하세요~! 세상을 듣는 작은귀  세.작.귀 입니다 ^9^

 

이번엔 저번에 이어서 티스토리 Poster 스킨 꾸미기에 대해서 살펴볼껀데요~!

 

그 중 제목과 카테고리 제목을 중앙으로 배치하는 방법에 대해서 알려드리려고 해요!!

 

 

 

위 사진이 제가 제목과 카테고리 제목을 중앙배치 하지 않았을 때의 모습이에요!!

 

뭔가 애매하게 정리가 안되어있는 듯한 느낌이에요!

 

제가 글을 쓸 때 항상 본문을 중앙 배열로 해서 작성을 하기 때문에

 

그 스타트 부분인 제목부터 중앙이 안되면 묘하게 답답하더라구요!!

 

그럼 바로 티스토리 Poster 스킨의 제목 및 카테고리 제목 중앙 배열에 대해서 살펴보아요!!

 

 

 

여타 스킨 편집과 마찬가지로

 

스킨 편집 -> html 편집 -> CSS 편집으로 들어가주세요!

 

 

그 후 Ctrl + F 로 .hgroup h1 을 검색해주세요!

 

검색하시면 위 사진처럼 폰트 사이즈나 여러 지표들이 나오는 걸 보실 수 있어요!

 

만약 제목 글자 크기를 늘리고 싶으시다면 font-size를 조절해주세요!

 

여기다가 새로운 명령어를 입력해야하는데

 

바로 'text-align: center;' 를 넣어주시면 되요!!

 

 

 

이렇게 hgroup h1 내에 text-align : center; 를 넣어주시면 제목이 중앙으로 오는 모습을 보실 수 있어요!!

 

이와 마찬가지로 카테고리 제목도 조절해봐요!!

 

 

카테고리 제목은 hgorup 이에요~!

 

해서 위와 마찬가지로 text-align : center; 을 hgroup 안에 넣어주세요!!

 

 

 

이렇게 넣어주시고 적용을 하시면 본문 제목과 카테고리 제목이 중앙 배열로 와 있는걸 보실 수 있어요!!

 

 

 

아이고 이렇게 해놓으니 마음이 편하네요 ㅎㅅㅎ!!

 

다 중앙 배열로 바뀌어서 훨씬 더 정리되어 보이는 모습을 보실 수 있어요!!

 

만약 Poster 스킨을 사용하시는데 저와 같은 불편을 겪고 계신다면

 

이런 수정을 통해 중앙 배열을 해보시는 것은 어떨까 싶어요 ^9^

 

 

제 글을 읽어주셔서 너무 감사드리고 오늘 하루도 좋은 일들만 가득하시길 :)~