티스토리 마크쿼리4 카테고리 글자크기 변경 방법

 

티스토리 마크쿼리4 카테고리 글자크기 변경 방법

 

   

 

티스토리를 운영하려면 스킨 수정하는데 많은 시간을 투자해야 합니다.

아무리 안하려고 다짐을 해도 어쩔 수 없이 손대야 하는게 티스토리입니다.

한번손을 대면 최소 30분이상이 들어가는 것은 기본입니다.

또 본인의 힘으로 혼자서 해결이 안되고 시간만 낭비하는경우도 허다합니다.

   

그래서 티스토리는 서로 정보공유를 해야 합니다.

   

   

제가 마크쿼리 스파이더웹 4.0을 설치한지 일주일 정도 밖에 되지 않았는데

벌써 투자한 시간이 꽤나 됩니다.

   

카테고리 글꼴이나 글자크기 수정하는 일은 매우 쉽지만,,,

마크쿼리 반응형웹 스킨 4에서는 그것마저도 어렵고,

그 방법을 공개한 곳이 없어서 아주 간단한 것을 많은 시간 소비했네요!

   

마크쿼리 반응형 웹 스킨으로 변경한 후 카테고리가 너무 길어서

카테고리 접기를 했는데 아래와 같이 카테고리 이름의 크기가 커진것입니다.

   

   

폰트크기가 너무 커서 그닥 보기 좋지 않은 것 같아서

수정을 하기로 마음 먹었지요!

금방 수정할 수 있을 것 같아서 css를 들여다 봤는데 ..

이구궁.. 아마도 1시간은 넘게 걸린 것 같습니다.

   

티스토리 반응형웹스킨 마크쿼리 4.0에는 카테고리에 대한 스타일이 없더라고요!
또한 카테고리를 접었을때는 또 다른 html이 적용이 되어서

어떤 부분을 수정해야 하나 애 먹었지만..
결국 해결은 했습니다.

 

   

티스토리 마크쿼리 4.0 카테고리 글자크기 크기 변경하는 방법

   

티스토리 관리페이지로 가서 HTML/CSS로 갑니다.

상단 탭에서 CSS를 클릭합니다.

그런다음 Ctrl + F 를 눌러서 ".widget"을 검색하여

아래 색칠한 부분과 같은 소스를 찾습니다.

   

   

위에서

.widget 스타일을 아래와 같이 수정해주면 됩니다.

;font-size:12px; 을 추가하는것이죠!

   

 

 

<변경전>

.widget {margin:5px;text-align:left;border:1px solid #eee;

 

<변경후>

.widget {margin:5px;text-align:left;border:1px solid #eee;font-size:12px;    

 

 

변경후 카테고리 글자크기가 변경되었습니다.

 

 

 

해결을 하고 나니 이제는 카테고리에 마우스를 올렸을 때 마우스 포인트가 바뀌지 않네요!
마우스 롤오버시 마우스 포인터가 바뀌게 하는 방법에 대해서는

다음에 다시 포스팅해야겠네요!