[css] 인용구, 더보기, 라인 여백, 머리말 폰트 크기 수정

Tistory/티스토리 팁 2019. 3. 17.

최근 티스토리에서 에디터 변경을 위해 또 무통보 패치를 한 것 같습니다.

대략 눈에 보이는 증상으로는


머리말 폰트 사이즈,

인용구, 더보기의 폰트 사이즈,

라인 여백,

더보기를 접은 후 접기로만 나오는 현상 (은 해결 방법을 모르겠습니다)


정도 보이는데 관련 css를 살펴 보면 스킨에 영향을 줄만한 많은 소스들이 있더라고요

우선 눈에 보이는 증상 수정 방법을 안내드린 후

에디터 개편 후 정리해서 업데이트 또는 수정 방법을 다시 안내 드리겠습니다.



머리말 폰트 사이즈 , 외 갑자기 일부 폰트가 커진 경우 적용해주세요

css에 아래와 같은 부분을 입력 후 원하는 폰트 사이즈를 입력합니다 
삽입하는 위치는 제 css 기준으로 전체 폰트 설정 위나 아래에 입력하시면 됩니다.

h1이 가장 크고 h5가 가장 작은 사이즈로 점차 줄어드는 수치로 입력하시면 되며,
px이 아니어도 em, rem, pt 등 원하는 단위를 입력해도 무관합니다.

원래 기본 값으로 적용하려면 아래 기본 값을 복사해 붙여넣으세요!!


h1 {font-size: ??px}
h2 {font-size: ??px}
h3 {font-size: ??px}
h4 {font-size: ??px}
h5 {font-size: ??px}



/* 기본 값 */
h1 {font-size: 1.5em;}
h2 { font-size:1.30em; }
h3 { font-size: 1.17em;}
h4 {font-size: inherit;}
h5 { font-size:0.83em; }



인용구, 더보기의 폰트 사이즈, 줄 간격, 폰트

기본 폰트 설정과 동일하게 할 경우 전체 폰트 설정을 찾아 가장 아래에 콤마를 넣고 blockquote, blockquote p 를 삽입하면 인용구와 더보기가 기본 설정과 동일하게 됩니다

/* 전체 폰트 */
html,
th,
td,
input,
select,
textarea,
button,
blockquote,
blockquote p {
~~~~~~~
}



라인 여백

어디에 삽입해도 상관 없을 것 같습니다만
전체 폰트 설정 윗 쪽에 넣으면 좋을 것 같습니다.

hr,
#tt-body-page hr {
	margin: 0;
}




커미션 받으신 분 중 위 증상 외 다른 수정이 필요하시면 방명록에 글 남겨주세요~


728x90
반응형