티스토리 카테고리의 다른 글 폰트 크기 조절

티스토리 카테고리의 다른 글 플러그인의 경우 글자 크기가 너무 작다

이러면 눈에 뜨이지도 않고 거기다 모바일에서 터치하고 힘들다 

이에 폰트 크기를 바꿔보도록 하자

 

스킨 편집 들어가서 css에 들어가서 .another_category 항목을 찾는다

 

.main-article-content .another_category_color_gray,
.main-article-content .another_category_color_gray h4,
.main-article-content .another_category_color_gray a {
	  font-size: .95rem !important;
}

카테고리의 다른글 자체 글자 크기 조절하는 법은

위에 3줄은 스킨에 이미 있는 코드이고 밑에 폰트 사이즈만 추가했다

글자 크기 em으로 설정하면 카테고리의 다른 글 자체 크기만 조절

글자 크기 rem으로 설정하면 카테고리의 다른 글 밑의 목록 글 제목 글자 크기도 같이 조절됨

h4가 카테고리의 다른 글 자체 글자

 

div .another_category table th {
    border:none;
    font-size: 1.0rem !important;
    }

카테고리의 다른 글 목록 글자 폰트 크기를 조절하려면

위처럼 추가하면 된다

th는 글 목록 글자

 

div .another_category table td {
    border:none;
    font-size: .9em !important;
    }

카테고리의 다른 글 날짜 숫자 폰트 크기를 조절하려면

위와 같이 추가하면 된다

td는 글 날짜 숫자

 

폰트 숫자 크기는 1.0이라고 되어있는 부분을 알아서 잘 조절하도록 하자

rem과 em은 글자 크기 비율인데

rem은 최상위 글자 크기의 비율이고

em은 그 윗단계 글자 크기의 비율이다